<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8"/>
  <title>iconfont Demo</title>
  <link rel="shortcut icon" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg" type="image/x-icon"/>
  <link rel="icon" type="image/svg+xml" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg"/>
  <link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
  <link rel="stylesheet" href="demo.css">
  <link rel="stylesheet" href="iconfont.css">
  <script src="iconfont.js"></script>
  <!-- jQuery -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
  <!-- 代码高亮 -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
  <style>
    .main .logo {
      margin-top: 0;
      height: auto;
    }

    .main .logo a {
      display: flex;
      align-items: center;
    }

    .main .logo .sub-title {
      margin-left: 0.5em;
      font-size: 22px;
      color: #fff;
      background: linear-gradient(-45deg, #3967FF, #B500FE);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
  </style>
</head>
<body>
  <div class="main">
    <h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">
      <img width="200" src="https://img.alicdn.com/imgextra/i3/O1CN01Mn65HV1FfSEzR6DKv_!!6000000000514-55-tps-228-59.svg">
      
    </a></h1>
    <div class="nav-tabs">
      <ul id="tabs" class="dib-box">
        <li class="dib active"><span>Unicode</span></li>
        <li class="dib"><span>Font class</span></li>
        <li class="dib"><span>Symbol</span></li>
      </ul>
      
      <a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=4607350" target="_blank" class="nav-more">查看项目</a>
      
    </div>
    <div class="tab-container">
      <div class="content unicode" style="display: block;">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
              <span class="icon cyicon">&#xe723;</span>
                <div class="name">网关管理</div>
                <div class="code-name">&amp;#xe723;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe724;</span>
                <div class="name">报警联动管理</div>
                <div class="code-name">&amp;#xe724;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe725;</span>
                <div class="name">训练计划管理</div>
                <div class="code-name">&amp;#xe725;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe726;</span>
                <div class="name">通讯录管理</div>
                <div class="code-name">&amp;#xe726;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe727;</span>
                <div class="name">接警坐席管理</div>
                <div class="code-name">&amp;#xe727;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe71c;</span>
                <div class="name">人员信息管理</div>
                <div class="code-name">&amp;#xe71c;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe71d;</span>
                <div class="name">设备管理</div>
                <div class="code-name">&amp;#xe71d;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe71e;</span>
                <div class="name">消防车辆管理</div>
                <div class="code-name">&amp;#xe71e;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe71f;</span>
                <div class="name">重点单位管理</div>
                <div class="code-name">&amp;#xe71f;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe720;</span>
                <div class="name">值班备勤管理</div>
                <div class="code-name">&amp;#xe720;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe721;</span>
                <div class="name">应急保障管理</div>
                <div class="code-name">&amp;#xe721;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe722;</span>
                <div class="name">消防网格管理</div>
                <div class="code-name">&amp;#xe722;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe715;</span>
                <div class="name">网络资源分析</div>
                <div class="code-name">&amp;#xe715;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe716;</span>
                <div class="name">道口通行信息</div>
                <div class="code-name">&amp;#xe716;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe717;</span>
                <div class="name">人员通行信息</div>
                <div class="code-name">&amp;#xe717;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe718;</span>
                <div class="name">实时状态监控</div>
                <div class="code-name">&amp;#xe718;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe719;</span>
                <div class="name">知识库</div>
                <div class="code-name">&amp;#xe719;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe71a;</span>
                <div class="name">道口核验信息</div>
                <div class="code-name">&amp;#xe71a;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe71b;</span>
                <div class="name">维修工单管理</div>
                <div class="code-name">&amp;#xe71b;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe709;</span>
                <div class="name">人员验证信息</div>
                <div class="code-name">&amp;#xe709;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe70a;</span>
                <div class="name">人脸识别</div>
                <div class="code-name">&amp;#xe70a;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe70b;</span>
                <div class="name">统计分析</div>
                <div class="code-name">&amp;#xe70b;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe70c;</span>
                <div class="name">数据采集</div>
                <div class="code-name">&amp;#xe70c;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe70d;</span>
                <div class="name">实时监控</div>
                <div class="code-name">&amp;#xe70d;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe70e;</span>
                <div class="name">网络拓扑</div>
                <div class="code-name">&amp;#xe70e;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe70f;</span>
                <div class="name">巡更系统</div>
                <div class="code-name">&amp;#xe70f;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe710;</span>
                <div class="name">巡更记录</div>
                <div class="code-name">&amp;#xe710;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe711;</span>
                <div class="name">历史查询</div>
                <div class="code-name">&amp;#xe711;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe712;</span>
                <div class="name">交换机设置</div>
                <div class="code-name">&amp;#xe712;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe713;</span>
                <div class="name">采集项配置</div>
                <div class="code-name">&amp;#xe713;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe714;</span>
                <div class="name">人员扣分信息</div>
                <div class="code-name">&amp;#xe714;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe702;</span>
                <div class="name">删除</div>
                <div class="code-name">&amp;#xe702;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe703;</span>
                <div class="name">编辑</div>
                <div class="code-name">&amp;#xe703;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe704;</span>
                <div class="name">总U位</div>
                <div class="code-name">&amp;#xe704;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe705;</span>
                <div class="name">机柜数</div>
                <div class="code-name">&amp;#xe705;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe706;</span>
                <div class="name">异常数</div>
                <div class="code-name">&amp;#xe706;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe707;</span>
                <div class="name">区域数</div>
                <div class="code-name">&amp;#xe707;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe708;</span>
                <div class="name">机位</div>
                <div class="code-name">&amp;#xe708;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe701;</span>
                <div class="name">PDU</div>
                <div class="code-name">&amp;#xe701;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe6ff;</span>
                <div class="name">监控区域</div>
                <div class="code-name">&amp;#xe6ff;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe700;</span>
                <div class="name">监控画面</div>
                <div class="code-name">&amp;#xe700;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe6fd;</span>
                <div class="name">通行信息系统</div>
                <div class="code-name">&amp;#xe6fd;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe6fe;</span>
                <div class="name">网络检测</div>
                <div class="code-name">&amp;#xe6fe;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe6fc;</span>
                <div class="name">人员定位管理</div>
                <div class="code-name">&amp;#xe6fc;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe6fb;</span>
                <div class="name">待办事宜</div>
                <div class="code-name">&amp;#xe6fb;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe6fa;</span>
                <div class="name">多选项</div>
                <div class="code-name">&amp;#xe6fa;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe6f9;</span>
                <div class="name">单行文本</div>
                <div class="code-name">&amp;#xe6f9;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe6f6;</span>
                <div class="name">多选菜单</div>
                <div class="code-name">&amp;#xe6f6;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe6f7;</span>
                <div class="name">单选菜单</div>
                <div class="code-name">&amp;#xe6f7;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe6f8;</span>
                <div class="name">整数</div>
                <div class="code-name">&amp;#xe6f8;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe6ef;</span>
                <div class="name">单选项</div>
                <div class="code-name">&amp;#xe6ef;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe6f0;</span>
                <div class="name">单选成员</div>
                <div class="code-name">&amp;#xe6f0;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe6f1;</span>
                <div class="name">文件上传</div>
                <div class="code-name">&amp;#xe6f1;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe6f2;</span>
                <div class="name">多选成员</div>
                <div class="code-name">&amp;#xe6f2;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe6f3;</span>
                <div class="name">日期选择</div>
                <div class="code-name">&amp;#xe6f3;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe6f4;</span>
                <div class="name">多行文本</div>
                <div class="code-name">&amp;#xe6f4;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe6f5;</span>
                <div class="name">浮点数</div>
                <div class="code-name">&amp;#xe6f5;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe6df;</span>
                <div class="name">角色管理</div>
                <div class="code-name">&amp;#xe6df;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe6e0;</span>
                <div class="name">用户管理</div>
                <div class="code-name">&amp;#xe6e0;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe6e1;</span>
                <div class="name">其他</div>
                <div class="code-name">&amp;#xe6e1;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe6e2;</span>
                <div class="name">系统信息</div>
                <div class="code-name">&amp;#xe6e2;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe6e3;</span>
                <div class="name">系统配置</div>
                <div class="code-name">&amp;#xe6e3;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe6e4;</span>
                <div class="name">可视对讲系统</div>
                <div class="code-name">&amp;#xe6e4;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe6e5;</span>
                <div class="name">智能分析系统</div>
                <div class="code-name">&amp;#xe6e5;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe6e6;</span>
                <div class="name">公共广播系统</div>
                <div class="code-name">&amp;#xe6e6;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe6e7;</span>
                <div class="name">访客系统</div>
                <div class="code-name">&amp;#xe6e7;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe6e8;</span>
                <div class="name">动力环境监测系统</div>
                <div class="code-name">&amp;#xe6e8;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe6e9;</span>
                <div class="name">停车场系统</div>
                <div class="code-name">&amp;#xe6e9;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe6ea;</span>
                <div class="name">出入口控制系统</div>
                <div class="code-name">&amp;#xe6ea;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe6eb;</span>
                <div class="name">入侵报警系统</div>
                <div class="code-name">&amp;#xe6eb;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe6ec;</span>
                <div class="name">视频监控系统</div>
                <div class="code-name">&amp;#xe6ec;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe6ed;</span>
                <div class="name">智能音频系统</div>
                <div class="code-name">&amp;#xe6ed;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe6ee;</span>
                <div class="name">围界报警系统</div>
                <div class="code-name">&amp;#xe6ee;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe6dc;</span>
                <div class="name">下载控件</div>
                <div class="code-name">&amp;#xe6dc;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe6dd;</span>
                <div class="name">用户名</div>
                <div class="code-name">&amp;#xe6dd;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe6de;</span>
                <div class="name">密码</div>
                <div class="code-name">&amp;#xe6de;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe6d7;</span>
                <div class="name">删除</div>
                <div class="code-name">&amp;#xe6d7;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe6d8;</span>
                <div class="name">日历</div>
                <div class="code-name">&amp;#xe6d8;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe6d9;</span>
                <div class="name">导出</div>
                <div class="code-name">&amp;#xe6d9;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe6da;</span>
                <div class="name">感叹号</div>
                <div class="code-name">&amp;#xe6da;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe6db;</span>
                <div class="name">查询</div>
                <div class="code-name">&amp;#xe6db;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe6d4;</span>
                <div class="name">业务办理</div>
                <div class="code-name">&amp;#xe6d4;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe6d5;</span>
                <div class="name">信息发布</div>
                <div class="code-name">&amp;#xe6d5;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe6d6;</span>
                <div class="name">通行证管理</div>
                <div class="code-name">&amp;#xe6d6;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe6cb;</span>
                <div class="name">人员离岗检测</div>
                <div class="code-name">&amp;#xe6cb;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe6cc;</span>
                <div class="name">检测记录</div>
                <div class="code-name">&amp;#xe6cc;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe6cd;</span>
                <div class="name">人员管理</div>
                <div class="code-name">&amp;#xe6cd;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe6ce;</span>
                <div class="name">生产作业区域</div>
                <div class="code-name">&amp;#xe6ce;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe6cf;</span>
                <div class="name">生产作业任务</div>
                <div class="code-name">&amp;#xe6cf;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe6d0;</span>
                <div class="name">航班计划信息</div>
                <div class="code-name">&amp;#xe6d0;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe6d1;</span>
                <div class="name">安检通道信息</div>
                <div class="code-name">&amp;#xe6d1;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe6d2;</span>
                <div class="name">航班动态信息</div>
                <div class="code-name">&amp;#xe6d2;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe6d3;</span>
                <div class="name">航班保障信息</div>
                <div class="code-name">&amp;#xe6d3;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe6c7;</span>
                <div class="name">安检结果信息</div>
                <div class="code-name">&amp;#xe6c7;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe6c8;</span>
                <div class="name">应急预案管理</div>
                <div class="code-name">&amp;#xe6c8;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe6c9;</span>
                <div class="name">监控配置</div>
                <div class="code-name">&amp;#xe6c9;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe6ca;</span>
                <div class="name">安检运单信息</div>
                <div class="code-name">&amp;#xe6ca;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe6c6;</span>
                <div class="name">安全资源运维</div>
                <div class="code-name">&amp;#xe6c6;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe6c2;</span>
                <div class="name">智能分析系统1</div>
                <div class="code-name">&amp;#xe6c2;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe6c3;</span>
                <div class="name">隐蔽报警系统</div>
                <div class="code-name">&amp;#xe6c3;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe6c4;</span>
                <div class="name">货检信息系统</div>
                <div class="code-name">&amp;#xe6c4;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe6c5;</span>
                <div class="name">航班信息系统</div>
                <div class="code-name">&amp;#xe6c5;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe6c1;</span>
                <div class="name">编辑</div>
                <div class="code-name">&amp;#xe6c1;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe6bf;</span>
                <div class="name">条形码</div>
                <div class="code-name">&amp;#xe6bf;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe6c0;</span>
                <div class="name">二维码</div>
                <div class="code-name">&amp;#xe6c0;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe6be;</span>
                <div class="name">功能导航</div>
                <div class="code-name">&amp;#xe6be;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe6b7;</span>
                <div class="name">门禁系统</div>
                <div class="code-name">&amp;#xe6b7;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe6b8;</span>
                <div class="name">火灾系统</div>
                <div class="code-name">&amp;#xe6b8;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe6b9;</span>
                <div class="name">智能分析系统</div>
                <div class="code-name">&amp;#xe6b9;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe6ba;</span>
                <div class="name">火气系统</div>
                <div class="code-name">&amp;#xe6ba;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe6bb;</span>
                <div class="name">泄漏监测系统</div>
                <div class="code-name">&amp;#xe6bb;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe6bc;</span>
                <div class="name">激光甲烷系统</div>
                <div class="code-name">&amp;#xe6bc;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe6bd;</span>
                <div class="name">防爆扩音系统</div>
                <div class="code-name">&amp;#xe6bd;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe6b6;</span>
                <div class="name">系统报警</div>
                <div class="code-name">&amp;#xe6b6;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe6b4;</span>
                <div class="name">报警</div>
                <div class="code-name">&amp;#xe6b4;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe6b5;</span>
                <div class="name">系统配置</div>
                <div class="code-name">&amp;#xe6b5;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe6b3;</span>
                <div class="name">系统设置01</div>
                <div class="code-name">&amp;#xe6b3;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe6af;</span>
                <div class="name">综合态势</div>
                <div class="code-name">&amp;#xe6af;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe6b0;</span>
                <div class="name">地图应用01</div>
                <div class="code-name">&amp;#xe6b0;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe6b1;</span>
                <div class="name">资源可视化01</div>
                <div class="code-name">&amp;#xe6b1;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe6b2;</span>
                <div class="name">事件中心</div>
                <div class="code-name">&amp;#xe6b2;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe6ae;</span>
                <div class="name">视频监控-fill</div>
                <div class="code-name">&amp;#xe6ae;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe6ad;</span>
                <div class="name">指纹</div>
                <div class="code-name">&amp;#xe6ad;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe6ab;</span>
                <div class="name">图形-水平居中对齐</div>
                <div class="code-name">&amp;#xe6ab;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe6ac;</span>
                <div class="name">图形-垂直居中对齐</div>
                <div class="code-name">&amp;#xe6ac;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe6a4;</span>
                <div class="name">图形-水平右对齐</div>
                <div class="code-name">&amp;#xe6a4;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe6a5;</span>
                <div class="name">图形-水平左对齐</div>
                <div class="code-name">&amp;#xe6a5;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe6a6;</span>
                <div class="name">显示-禁用</div>
                <div class="code-name">&amp;#xe6a6;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe6a7;</span>
                <div class="name">显示-不可见</div>
                <div class="code-name">&amp;#xe6a7;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe6a8;</span>
                <div class="name">显示-锁定</div>
                <div class="code-name">&amp;#xe6a8;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe6a9;</span>
                <div class="name">显示-解锁</div>
                <div class="code-name">&amp;#xe6a9;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe6aa;</span>
                <div class="name">显示-可见</div>
                <div class="code-name">&amp;#xe6aa;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe6a0;</span>
                <div class="name">图形-水平两端对齐</div>
                <div class="code-name">&amp;#xe6a0;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe6a1;</span>
                <div class="name">图形-垂直底对齐</div>
                <div class="code-name">&amp;#xe6a1;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe6a2;</span>
                <div class="name">图形-垂直顶对齐</div>
                <div class="code-name">&amp;#xe6a2;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe6a3;</span>
                <div class="name">图形-垂直两端对齐</div>
                <div class="code-name">&amp;#xe6a3;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe69f;</span>
                <div class="name">内场驾驶证管理</div>
                <div class="code-name">&amp;#xe69f;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe694;</span>
                <div class="name">首页</div>
                <div class="code-name">&amp;#xe694;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe695;</span>
                <div class="name">备案单位管理</div>
                <div class="code-name">&amp;#xe695;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe696;</span>
                <div class="name">车辆通行证管理</div>
                <div class="code-name">&amp;#xe696;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe697;</span>
                <div class="name">备案信息</div>
                <div class="code-name">&amp;#xe697;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe698;</span>
                <div class="name">工具物料</div>
                <div class="code-name">&amp;#xe698;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe699;</span>
                <div class="name">人员通行证管理</div>
                <div class="code-name">&amp;#xe699;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe69a;</span>
                <div class="name">日志记录</div>
                <div class="code-name">&amp;#xe69a;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe69b;</span>
                <div class="name">审核流程管理</div>
                <div class="code-name">&amp;#xe69b;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe69c;</span>
                <div class="name">车辆行驶证管理</div>
                <div class="code-name">&amp;#xe69c;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe69d;</span>
                <div class="name">证件记分</div>
                <div class="code-name">&amp;#xe69d;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe69e;</span>
                <div class="name">特殊车证管理</div>
                <div class="code-name">&amp;#xe69e;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe692;</span>
                <div class="name">分散对齐</div>
                <div class="code-name">&amp;#xe692;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe693;</span>
                <div class="name">线段</div>
                <div class="code-name">&amp;#xe693;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe68f;</span>
                <div class="name">新建文件夹</div>
                <div class="code-name">&amp;#xe68f;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe690;</span>
                <div class="name">重命名</div>
                <div class="code-name">&amp;#xe690;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe691;</span>
                <div class="name">删除</div>
                <div class="code-name">&amp;#xe691;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe687;</span>
                <div class="name">档案-下载</div>
                <div class="code-name">&amp;#xe687;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe688;</span>
                <div class="name">档案-修改</div>
                <div class="code-name">&amp;#xe688;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe689;</span>
                <div class="name">档案创建人</div>
                <div class="code-name">&amp;#xe689;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe68a;</span>
                <div class="name">表单-搜索</div>
                <div class="code-name">&amp;#xe68a;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe68b;</span>
                <div class="name">表单-日历</div>
                <div class="code-name">&amp;#xe68b;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe68c;</span>
                <div class="name">档案-上传</div>
                <div class="code-name">&amp;#xe68c;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe68d;</span>
                <div class="name">展示-块</div>
                <div class="code-name">&amp;#xe68d;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe68e;</span>
                <div class="name">展示-列表</div>
                <div class="code-name">&amp;#xe68e;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe682;</span>
                <div class="name">安全隐患管理</div>
                <div class="code-name">&amp;#xe682;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe683;</span>
                <div class="name">风险模型管理</div>
                <div class="code-name">&amp;#xe683;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe684;</span>
                <div class="name">安全态势管理</div>
                <div class="code-name">&amp;#xe684;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe685;</span>
                <div class="name">安全等级管理</div>
                <div class="code-name">&amp;#xe685;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe686;</span>
                <div class="name">KPI设置</div>
                <div class="code-name">&amp;#xe686;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe677;</span>
                <div class="name">系统配置日志</div>
                <div class="code-name">&amp;#xe677;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe678;</span>
                <div class="name">系统导航</div>
                <div class="code-name">&amp;#xe678;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe679;</span>
                <div class="name">巡检记录管理</div>
                <div class="code-name">&amp;#xe679;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe67a;</span>
                <div class="name">系统登录日志</div>
                <div class="code-name">&amp;#xe67a;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe67b;</span>
                <div class="name">旅客行为分析</div>
                <div class="code-name">&amp;#xe67b;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe67c;</span>
                <div class="name">系统操作日志</div>
                <div class="code-name">&amp;#xe67c;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe67d;</span>
                <div class="name">绩效考核</div>
                <div class="code-name">&amp;#xe67d;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe67e;</span>
                <div class="name">风险态势热力图</div>
                <div class="code-name">&amp;#xe67e;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe67f;</span>
                <div class="name">事件类型管理</div>
                <div class="code-name">&amp;#xe67f;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe680;</span>
                <div class="name">风险态势管理</div>
                <div class="code-name">&amp;#xe680;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe681;</span>
                <div class="name">安全体系管理</div>
                <div class="code-name">&amp;#xe681;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe66d;</span>
                <div class="name">控制区安全分析</div>
                <div class="code-name">&amp;#xe66d;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe66e;</span>
                <div class="name">安全驾驶舱</div>
                <div class="code-name">&amp;#xe66e;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe66f;</span>
                <div class="name">隐患管理</div>
                <div class="code-name">&amp;#xe66f;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe670;</span>
                <div class="name">综合查询</div>
                <div class="code-name">&amp;#xe670;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe671;</span>
                <div class="name">组织管理</div>
                <div class="code-name">&amp;#xe671;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe672;</span>
                <div class="name">综合统计</div>
                <div class="code-name">&amp;#xe672;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe673;</span>
                <div class="name">应急事件转换规则</div>
                <div class="code-name">&amp;#xe673;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe674;</span>
                <div class="name">园区资源管理</div>
                <div class="code-name">&amp;#xe674;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe675;</span>
                <div class="name">员工行为分析</div>
                <div class="code-name">&amp;#xe675;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe676;</span>
                <div class="name">预警事件规则</div>
                <div class="code-name">&amp;#xe676;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe66a;</span>
                <div class="name">添加02</div>
                <div class="code-name">&amp;#xe66a;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe66b;</span>
                <div class="name">角标-删除</div>
                <div class="code-name">&amp;#xe66b;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe66c;</span>
                <div class="name">添加</div>
                <div class="code-name">&amp;#xe66c;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe668;</span>
                <div class="name">警报禁用</div>
                <div class="code-name">&amp;#xe668;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe669;</span>
                <div class="name">警报开启</div>
                <div class="code-name">&amp;#xe669;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe65e;</span>
                <div class="name">字体斜体</div>
                <div class="code-name">&amp;#xe65e;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe65f;</span>
                <div class="name">字体下划线</div>
                <div class="code-name">&amp;#xe65f;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe660;</span>
                <div class="name">字体加粗</div>
                <div class="code-name">&amp;#xe660;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe661;</span>
                <div class="name">字体删除线</div>
                <div class="code-name">&amp;#xe661;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe662;</span>
                <div class="name">垂直-底对齐</div>
                <div class="code-name">&amp;#xe662;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe663;</span>
                <div class="name">垂直-顶对齐</div>
                <div class="code-name">&amp;#xe663;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe664;</span>
                <div class="name">水平-左对齐</div>
                <div class="code-name">&amp;#xe664;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe665;</span>
                <div class="name">垂直-居中对齐</div>
                <div class="code-name">&amp;#xe665;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe666;</span>
                <div class="name">水平-居中对齐</div>
                <div class="code-name">&amp;#xe666;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe667;</span>
                <div class="name">水平-右对齐</div>
                <div class="code-name">&amp;#xe667;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe65d;</span>
                <div class="name">矩形</div>
                <div class="code-name">&amp;#xe65d;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe65a;</span>
                <div class="name">文本</div>
                <div class="code-name">&amp;#xe65a;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe65b;</span>
                <div class="name">圆形</div>
                <div class="code-name">&amp;#xe65b;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe65c;</span>
                <div class="name">图片</div>
                <div class="code-name">&amp;#xe65c;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe775;</span>
                <div class="name">向右1</div>
                <div class="code-name">&amp;#xe775;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe603;</span>
                <div class="name">Refresh</div>
                <div class="code-name">&amp;#xe603;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe608;</span>
                <div class="name">设置</div>
                <div class="code-name">&amp;#xe608;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe610;</span>
                <div class="name">编辑</div>
                <div class="code-name">&amp;#xe610;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe613;</span>
                <div class="name">验证码</div>
                <div class="code-name">&amp;#xe613;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe614;</span>
                <div class="name">账号</div>
                <div class="code-name">&amp;#xe614;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe616;</span>
                <div class="name">密码</div>
                <div class="code-name">&amp;#xe616;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe658;</span>
                <div class="name">球机</div>
                <div class="code-name">&amp;#xe658;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe659;</span>
                <div class="name">枪机</div>
                <div class="code-name">&amp;#xe659;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe650;</span>
                <div class="name">巡检计划管理</div>
                <div class="code-name">&amp;#xe650;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe651;</span>
                <div class="name">系统安全配置</div>
                <div class="code-name">&amp;#xe651;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe652;</span>
                <div class="name">icon-jiandu检查</div>
                <div class="code-name">&amp;#xe652;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe653;</span>
                <div class="name">账户管理</div>
                <div class="code-name">&amp;#xe653;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe654;</span>
                <div class="name">巡检点位管理</div>
                <div class="code-name">&amp;#xe654;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe655;</span>
                <div class="name">巡检路线管理</div>
                <div class="code-name">&amp;#xe655;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe656;</span>
                <div class="name">系统信息配置</div>
                <div class="code-name">&amp;#xe656;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe657;</span>
                <div class="name">日志管理</div>
                <div class="code-name">&amp;#xe657;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe63d;</span>
                <div class="name">事件跟踪监控管理</div>
                <div class="code-name">&amp;#xe63d;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe63e;</span>
                <div class="name">现场巡查管理</div>
                <div class="code-name">&amp;#xe63e;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe63f;</span>
                <div class="name">系统监控</div>
                <div class="code-name">&amp;#xe63f;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe640;</span>
                <div class="name">信息管理</div>
                <div class="code-name">&amp;#xe640;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe641;</span>
                <div class="name">事件规则管理</div>
                <div class="code-name">&amp;#xe641;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe642;</span>
                <div class="name">事件分析及评价</div>
                <div class="code-name">&amp;#xe642;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe643;</span>
                <div class="name">配置管理</div>
                <div class="code-name">&amp;#xe643;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe644;</span>
                <div class="name">设备管理</div>
                <div class="code-name">&amp;#xe644;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe645;</span>
                <div class="name">风险态势视图</div>
                <div class="code-name">&amp;#xe645;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe646;</span>
                <div class="name">培训考核管理</div>
                <div class="code-name">&amp;#xe646;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe647;</span>
                <div class="name">权限管理</div>
                <div class="code-name">&amp;#xe647;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe648;</span>
                <div class="name">绩效管理</div>
                <div class="code-name">&amp;#xe648;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe649;</span>
                <div class="name">风险评估</div>
                <div class="code-name">&amp;#xe649;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe64a;</span>
                <div class="name">风险规划管理</div>
                <div class="code-name">&amp;#xe64a;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe64b;</span>
                <div class="name">风险管理</div>
                <div class="code-name">&amp;#xe64b;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe64c;</span>
                <div class="name">风险报警事件管理</div>
                <div class="code-name">&amp;#xe64c;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe64d;</span>
                <div class="name">风险分析</div>
                <div class="code-name">&amp;#xe64d;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe64e;</span>
                <div class="name">查询统计</div>
                <div class="code-name">&amp;#xe64e;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe64f;</span>
                <div class="name">地图管理</div>
                <div class="code-name">&amp;#xe64f;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe636;</span>
                <div class="name">资源可视化管理</div>
                <div class="code-name">&amp;#xe636;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe637;</span>
                <div class="name">预警事件管理</div>
                <div class="code-name">&amp;#xe637;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe638;</span>
                <div class="name">运行保障合约管理</div>
                <div class="code-name">&amp;#xe638;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe639;</span>
                <div class="name">政策管理</div>
                <div class="code-name">&amp;#xe639;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe63a;</span>
                <div class="name">事件处理管理</div>
                <div class="code-name">&amp;#xe63a;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe63b;</span>
                <div class="name">事件记录管理</div>
                <div class="code-name">&amp;#xe63b;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe63c;</span>
                <div class="name">用户管理</div>
                <div class="code-name">&amp;#xe63c;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe633;</span>
                <div class="name">安全运行管理</div>
                <div class="code-name">&amp;#xe633;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe634;</span>
                <div class="name">综合安全管理</div>
                <div class="code-name">&amp;#xe634;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe635;</span>
                <div class="name">安全智能分析系统</div>
                <div class="code-name">&amp;#xe635;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe630;</span>
                <div class="name">地图管理</div>
                <div class="code-name">&amp;#xe630;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe62f;</span>
                <div class="name">人员管理</div>
                <div class="code-name">&amp;#xe62f;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe631;</span>
                <div class="name">事件统计</div>
                <div class="code-name">&amp;#xe631;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe632;</span>
                <div class="name">事件管理</div>
                <div class="code-name">&amp;#xe632;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe624;</span>
                <div class="name">摄像机</div>
                <div class="code-name">&amp;#xe624;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe623;</span>
                <div class="name">NVR服务器</div>
                <div class="code-name">&amp;#xe623;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe622;</span>
                <div class="name">震动光缆主机</div>
                <div class="code-name">&amp;#xe622;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe625;</span>
                <div class="name">震动光缆服务器</div>
                <div class="code-name">&amp;#xe625;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe626;</span>
                <div class="name">震动光纤单元</div>
                <div class="code-name">&amp;#xe626;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe621;</span>
                <div class="name">Io输入</div>
                <div class="code-name">&amp;#xe621;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe627;</span>
                <div class="name">Io输出</div>
                <div class="code-name">&amp;#xe627;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe628;</span>
                <div class="name">远程以太网io模块</div>
                <div class="code-name">&amp;#xe628;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe629;</span>
                <div class="name">广播服务器</div>
                <div class="code-name">&amp;#xe629;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe62a;</span>
                <div class="name">喇叭</div>
                <div class="code-name">&amp;#xe62a;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe62b;</span>
                <div class="name">话筒</div>
                <div class="code-name">&amp;#xe62b;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe62c;</span>
                <div class="name">系统管理</div>
                <div class="code-name">&amp;#xe62c;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe62d;</span>
                <div class="name">设备管理</div>
                <div class="code-name">&amp;#xe62d;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe62e;</span>
                <div class="name">联动管理</div>
                <div class="code-name">&amp;#xe62e;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe61f;</span>
                <div class="name">公共广播</div>
                <div class="code-name">&amp;#xe61f;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe620;</span>
                <div class="name">辅助灯光</div>
                <div class="code-name">&amp;#xe620;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe61d;</span>
                <div class="name">围界系统</div>
                <div class="code-name">&amp;#xe61d;</div>
              </li>
          
            <li class="dib">
              <span class="icon cyicon">&#xe61e;</span>
                <div class="name">视频监控</div>
                <div class="code-name">&amp;#xe61e;</div>
              </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="unicode-">Unicode 引用</h2>
          <hr>

          <p>Unicode 是字体在网页端最原始的应用方式，特点是：</p>
          <ul>
            <li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
            <li>默认情况下不支持多色，直接添加多色图标会自动去色。</li>
          </ul>
          <blockquote>
            <p>注意：新版 iconfont 支持两种方式引用多色图标：SVG symbol 引用方式和彩色字体图标模式。（使用彩色字体图标需要在「编辑项目」中开启「彩色」选项后并重新生成。）</p>
          </blockquote>
          <p>Unicode 使用步骤如下：</p>
          <h3 id="-font-face">第一步：拷贝项目下面生成的 <code>@font-face</code></h3>
<pre><code class="language-css"
>@font-face {
  font-family: 'cyicon';
  src: url('iconfont.woff2?t=1752815256563') format('woff2'),
       url('iconfont.woff?t=1752815256563') format('woff'),
       url('iconfont.ttf?t=1752815256563') format('truetype'),
       url('iconfont.svg?t=1752815256563#cyicon') format('svg');
}
</code></pre>
          <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
<pre><code class="language-css"
>.cyicon {
  font-family: "cyicon" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
<pre>
<code class="language-html"
>&lt;span class="cyicon"&gt;&amp;#x33;&lt;/span&gt;
</code></pre>
          <blockquote>
            <p>"cyicon" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
          </blockquote>
          </div>
      </div>
      <div class="content font-class">
        <ul class="icon_lists dib-box">
          
          <li class="dib">
            <span class="icon cyicon icon-wangguanguanli"></span>
            <div class="name">
              网关管理
            </div>
            <div class="code-name">.icon-wangguanguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-baojingliandongguanli"></span>
            <div class="name">
              报警联动管理
            </div>
            <div class="code-name">.icon-baojingliandongguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-xunlianjihuaguanli"></span>
            <div class="name">
              训练计划管理
            </div>
            <div class="code-name">.icon-xunlianjihuaguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-tongxunluguanli"></span>
            <div class="name">
              通讯录管理
            </div>
            <div class="code-name">.icon-tongxunluguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-jiejingzuoxiguanli"></span>
            <div class="name">
              接警坐席管理
            </div>
            <div class="code-name">.icon-jiejingzuoxiguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-renyuanxinxiguanli"></span>
            <div class="name">
              人员信息管理
            </div>
            <div class="code-name">.icon-renyuanxinxiguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-shebeiguanli2"></span>
            <div class="name">
              设备管理
            </div>
            <div class="code-name">.icon-shebeiguanli2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-xiaofangcheliangguanli"></span>
            <div class="name">
              消防车辆管理
            </div>
            <div class="code-name">.icon-xiaofangcheliangguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-zhongdiandanweiguanli"></span>
            <div class="name">
              重点单位管理
            </div>
            <div class="code-name">.icon-zhongdiandanweiguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-zhibanbeiqinguanli"></span>
            <div class="name">
              值班备勤管理
            </div>
            <div class="code-name">.icon-zhibanbeiqinguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-yingjibaozhangguanli"></span>
            <div class="name">
              应急保障管理
            </div>
            <div class="code-name">.icon-yingjibaozhangguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-xiaofangwanggeguanli"></span>
            <div class="name">
              消防网格管理
            </div>
            <div class="code-name">.icon-xiaofangwanggeguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-wangluoziyuanfenxi"></span>
            <div class="name">
              网络资源分析
            </div>
            <div class="code-name">.icon-wangluoziyuanfenxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-daokoutonghangxinxi"></span>
            <div class="name">
              道口通行信息
            </div>
            <div class="code-name">.icon-daokoutonghangxinxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-renyuantonghangxinxi"></span>
            <div class="name">
              人员通行信息
            </div>
            <div class="code-name">.icon-renyuantonghangxinxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-shishizhuangtaijiankong"></span>
            <div class="name">
              实时状态监控
            </div>
            <div class="code-name">.icon-shishizhuangtaijiankong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-zhishiku"></span>
            <div class="name">
              知识库
            </div>
            <div class="code-name">.icon-zhishiku
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-daokouheyanxinxi"></span>
            <div class="name">
              道口核验信息
            </div>
            <div class="code-name">.icon-daokouheyanxinxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-weixiugongdanguanli"></span>
            <div class="name">
              维修工单管理
            </div>
            <div class="code-name">.icon-weixiugongdanguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-renyuanyanzhengxinxi"></span>
            <div class="name">
              人员验证信息
            </div>
            <div class="code-name">.icon-renyuanyanzhengxinxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-renlianshibie"></span>
            <div class="name">
              人脸识别
            </div>
            <div class="code-name">.icon-renlianshibie
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-tongjifenxi"></span>
            <div class="name">
              统计分析
            </div>
            <div class="code-name">.icon-tongjifenxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-shujucaiji"></span>
            <div class="name">
              数据采集
            </div>
            <div class="code-name">.icon-shujucaiji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-shishijiankong"></span>
            <div class="name">
              实时监控
            </div>
            <div class="code-name">.icon-shishijiankong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-wangluotuopu"></span>
            <div class="name">
              网络拓扑
            </div>
            <div class="code-name">.icon-wangluotuopu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-xungengxitong"></span>
            <div class="name">
              巡更系统
            </div>
            <div class="code-name">.icon-xungengxitong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-xungengjilu"></span>
            <div class="name">
              巡更记录
            </div>
            <div class="code-name">.icon-xungengjilu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-lishichaxun"></span>
            <div class="name">
              历史查询
            </div>
            <div class="code-name">.icon-lishichaxun
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-jiaohuanjishezhi"></span>
            <div class="name">
              交换机设置
            </div>
            <div class="code-name">.icon-jiaohuanjishezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-caijixiangpeizhi"></span>
            <div class="name">
              采集项配置
            </div>
            <div class="code-name">.icon-caijixiangpeizhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-renyuankoufenxinxi"></span>
            <div class="name">
              人员扣分信息
            </div>
            <div class="code-name">.icon-renyuankoufenxinxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-shanchu2"></span>
            <div class="name">
              删除
            </div>
            <div class="code-name">.icon-shanchu2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-bianji2"></span>
            <div class="name">
              编辑
            </div>
            <div class="code-name">.icon-bianji2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-zongUwei"></span>
            <div class="name">
              总U位
            </div>
            <div class="code-name">.icon-zongUwei
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-jiguishu"></span>
            <div class="name">
              机柜数
            </div>
            <div class="code-name">.icon-jiguishu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-yichangshu"></span>
            <div class="name">
              异常数
            </div>
            <div class="code-name">.icon-yichangshu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-quyushu"></span>
            <div class="name">
              区域数
            </div>
            <div class="code-name">.icon-quyushu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-jiwei"></span>
            <div class="name">
              机位
            </div>
            <div class="code-name">.icon-jiwei
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-PDU"></span>
            <div class="name">
              PDU
            </div>
            <div class="code-name">.icon-PDU
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-jiankongquyu"></span>
            <div class="name">
              监控区域
            </div>
            <div class="code-name">.icon-jiankongquyu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-jiankonghuamian"></span>
            <div class="name">
              监控画面
            </div>
            <div class="code-name">.icon-jiankonghuamian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-tonghangxinxixitong"></span>
            <div class="name">
              通行信息系统
            </div>
            <div class="code-name">.icon-tonghangxinxixitong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-wangluojiance"></span>
            <div class="name">
              网络检测
            </div>
            <div class="code-name">.icon-wangluojiance
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-renyuandingweiguanli"></span>
            <div class="name">
              人员定位管理
            </div>
            <div class="code-name">.icon-renyuandingweiguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-daibanshiyi"></span>
            <div class="name">
              待办事宜
            </div>
            <div class="code-name">.icon-daibanshiyi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-duoxuanxiang"></span>
            <div class="name">
              多选项
            </div>
            <div class="code-name">.icon-duoxuanxiang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-danhangwenben"></span>
            <div class="name">
              单行文本
            </div>
            <div class="code-name">.icon-danhangwenben
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-duoxuancaidan"></span>
            <div class="name">
              多选菜单
            </div>
            <div class="code-name">.icon-duoxuancaidan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-danxuancaidan"></span>
            <div class="name">
              单选菜单
            </div>
            <div class="code-name">.icon-danxuancaidan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-zhengshu"></span>
            <div class="name">
              整数
            </div>
            <div class="code-name">.icon-zhengshu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-danxuanxiang"></span>
            <div class="name">
              单选项
            </div>
            <div class="code-name">.icon-danxuanxiang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-danxuanchengyuan"></span>
            <div class="name">
              单选成员
            </div>
            <div class="code-name">.icon-danxuanchengyuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-wenjianshangchuan"></span>
            <div class="name">
              文件上传
            </div>
            <div class="code-name">.icon-wenjianshangchuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-duoxuanchengyuan"></span>
            <div class="name">
              多选成员
            </div>
            <div class="code-name">.icon-duoxuanchengyuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-riqixuanze"></span>
            <div class="name">
              日期选择
            </div>
            <div class="code-name">.icon-riqixuanze
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-duohangwenben"></span>
            <div class="name">
              多行文本
            </div>
            <div class="code-name">.icon-duohangwenben
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-fudianshu"></span>
            <div class="name">
              浮点数
            </div>
            <div class="code-name">.icon-fudianshu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-jiaoseguanli"></span>
            <div class="name">
              角色管理
            </div>
            <div class="code-name">.icon-jiaoseguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-yonghuguanli1"></span>
            <div class="name">
              用户管理
            </div>
            <div class="code-name">.icon-yonghuguanli1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-qita"></span>
            <div class="name">
              其他
            </div>
            <div class="code-name">.icon-qita
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-xitongxinxi"></span>
            <div class="name">
              系统信息
            </div>
            <div class="code-name">.icon-xitongxinxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-xitongpeizhi1"></span>
            <div class="name">
              系统配置
            </div>
            <div class="code-name">.icon-xitongpeizhi1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-keshiduijiangxitong"></span>
            <div class="name">
              可视对讲系统
            </div>
            <div class="code-name">.icon-keshiduijiangxitong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-zhinengfenxixitong2"></span>
            <div class="name">
              智能分析系统
            </div>
            <div class="code-name">.icon-zhinengfenxixitong2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-gonggongguangboxitong"></span>
            <div class="name">
              公共广播系统
            </div>
            <div class="code-name">.icon-gonggongguangboxitong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-fangkexitong"></span>
            <div class="name">
              访客系统
            </div>
            <div class="code-name">.icon-fangkexitong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-donglihuanjingjiancexitong"></span>
            <div class="name">
              动力环境监测系统
            </div>
            <div class="code-name">.icon-donglihuanjingjiancexitong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-tingchechangxitong"></span>
            <div class="name">
              停车场系统
            </div>
            <div class="code-name">.icon-tingchechangxitong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-churukoukongzhixitong"></span>
            <div class="name">
              出入口控制系统
            </div>
            <div class="code-name">.icon-churukoukongzhixitong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-ruqinbaojingxitong"></span>
            <div class="name">
              入侵报警系统
            </div>
            <div class="code-name">.icon-ruqinbaojingxitong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-shipinjiankongxitong"></span>
            <div class="name">
              视频监控系统
            </div>
            <div class="code-name">.icon-shipinjiankongxitong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-zhinengyinpinxitong"></span>
            <div class="name">
              智能音频系统
            </div>
            <div class="code-name">.icon-zhinengyinpinxitong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-weijiebaojingxitong"></span>
            <div class="name">
              围界报警系统
            </div>
            <div class="code-name">.icon-weijiebaojingxitong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-xiazaikongjian"></span>
            <div class="name">
              下载控件
            </div>
            <div class="code-name">.icon-xiazaikongjian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-yonghuming"></span>
            <div class="name">
              用户名
            </div>
            <div class="code-name">.icon-yonghuming
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-mima1"></span>
            <div class="name">
              密码
            </div>
            <div class="code-name">.icon-mima1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-shanchu1"></span>
            <div class="name">
              删除
            </div>
            <div class="code-name">.icon-shanchu1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-rili"></span>
            <div class="name">
              日历
            </div>
            <div class="code-name">.icon-rili
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-daochu"></span>
            <div class="name">
              导出
            </div>
            <div class="code-name">.icon-daochu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-gantanhao"></span>
            <div class="name">
              感叹号
            </div>
            <div class="code-name">.icon-gantanhao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-chaxun"></span>
            <div class="name">
              查询
            </div>
            <div class="code-name">.icon-chaxun
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-yewubanli"></span>
            <div class="name">
              业务办理
            </div>
            <div class="code-name">.icon-yewubanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-xinxifabu"></span>
            <div class="name">
              信息发布
            </div>
            <div class="code-name">.icon-xinxifabu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-tonghangzhengguanli"></span>
            <div class="name">
              通行证管理
            </div>
            <div class="code-name">.icon-tonghangzhengguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-renyuanligangjiance"></span>
            <div class="name">
              人员离岗检测
            </div>
            <div class="code-name">.icon-renyuanligangjiance
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-jiancejilu"></span>
            <div class="name">
              检测记录
            </div>
            <div class="code-name">.icon-jiancejilu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-renyuanguanli1"></span>
            <div class="name">
              人员管理
            </div>
            <div class="code-name">.icon-renyuanguanli1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-shengchanzuoyequyu"></span>
            <div class="name">
              生产作业区域
            </div>
            <div class="code-name">.icon-shengchanzuoyequyu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-shengchanzuoyerenwu"></span>
            <div class="name">
              生产作业任务
            </div>
            <div class="code-name">.icon-shengchanzuoyerenwu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-hangbanjihuaxinxi"></span>
            <div class="name">
              航班计划信息
            </div>
            <div class="code-name">.icon-hangbanjihuaxinxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-anjiantongdaoxinxi"></span>
            <div class="name">
              安检通道信息
            </div>
            <div class="code-name">.icon-anjiantongdaoxinxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-hangbandongtaixinxi"></span>
            <div class="name">
              航班动态信息
            </div>
            <div class="code-name">.icon-hangbandongtaixinxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-hangbanbaozhangxinxi"></span>
            <div class="name">
              航班保障信息
            </div>
            <div class="code-name">.icon-hangbanbaozhangxinxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-anjianjieguoxinxi"></span>
            <div class="name">
              安检结果信息
            </div>
            <div class="code-name">.icon-anjianjieguoxinxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-yingjiyuanguanli"></span>
            <div class="name">
              应急预案管理
            </div>
            <div class="code-name">.icon-yingjiyuanguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-jiankongpeizhi"></span>
            <div class="name">
              监控配置
            </div>
            <div class="code-name">.icon-jiankongpeizhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-anjianyundanxinxi"></span>
            <div class="name">
              安检运单信息
            </div>
            <div class="code-name">.icon-anjianyundanxinxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-anquanziyuanyunwei"></span>
            <div class="name">
              安全资源运维
            </div>
            <div class="code-name">.icon-anquanziyuanyunwei
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-zhinengfenxixitong1"></span>
            <div class="name">
              智能分析系统1
            </div>
            <div class="code-name">.icon-zhinengfenxixitong1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-yinbibaojingxitong"></span>
            <div class="name">
              隐蔽报警系统
            </div>
            <div class="code-name">.icon-yinbibaojingxitong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-huojianxinxixitong"></span>
            <div class="name">
              货检信息系统
            </div>
            <div class="code-name">.icon-huojianxinxixitong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-hangbanxinxixitong"></span>
            <div class="name">
              航班信息系统
            </div>
            <div class="code-name">.icon-hangbanxinxixitong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-bianji1"></span>
            <div class="name">
              编辑
            </div>
            <div class="code-name">.icon-bianji1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-tiaoxingma"></span>
            <div class="name">
              条形码
            </div>
            <div class="code-name">.icon-tiaoxingma
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-erweima"></span>
            <div class="name">
              二维码
            </div>
            <div class="code-name">.icon-erweima
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-gongnengdaohang"></span>
            <div class="name">
              功能导航
            </div>
            <div class="code-name">.icon-gongnengdaohang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-menjinxitong"></span>
            <div class="name">
              门禁系统
            </div>
            <div class="code-name">.icon-menjinxitong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-huozaixitong"></span>
            <div class="name">
              火灾系统
            </div>
            <div class="code-name">.icon-huozaixitong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-zhinengfenxixitong"></span>
            <div class="name">
              智能分析系统
            </div>
            <div class="code-name">.icon-zhinengfenxixitong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-huoqixitong"></span>
            <div class="name">
              火气系统
            </div>
            <div class="code-name">.icon-huoqixitong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-xieloujiancexitong"></span>
            <div class="name">
              泄漏监测系统
            </div>
            <div class="code-name">.icon-xieloujiancexitong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-jiguangjiawanxitong"></span>
            <div class="name">
              激光甲烷系统
            </div>
            <div class="code-name">.icon-jiguangjiawanxitong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-fangbaokuoyinxitong"></span>
            <div class="name">
              防爆扩音系统
            </div>
            <div class="code-name">.icon-fangbaokuoyinxitong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-xitongbaojing"></span>
            <div class="name">
              系统报警
            </div>
            <div class="code-name">.icon-xitongbaojing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-baojing"></span>
            <div class="name">
              报警
            </div>
            <div class="code-name">.icon-baojing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-xitongpeizhi"></span>
            <div class="name">
              系统配置
            </div>
            <div class="code-name">.icon-xitongpeizhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-xitongshezhi01"></span>
            <div class="name">
              系统设置01
            </div>
            <div class="code-name">.icon-xitongshezhi01
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-zonghetaishi"></span>
            <div class="name">
              综合态势
            </div>
            <div class="code-name">.icon-zonghetaishi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-dituyingyong01"></span>
            <div class="name">
              地图应用01
            </div>
            <div class="code-name">.icon-dituyingyong01
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-ziyuankeshihua01"></span>
            <div class="name">
              资源可视化01
            </div>
            <div class="code-name">.icon-ziyuankeshihua01
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-shijianzhongxin"></span>
            <div class="name">
              事件中心
            </div>
            <div class="code-name">.icon-shijianzhongxin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-shipinjiankong-fill"></span>
            <div class="name">
              视频监控-fill
            </div>
            <div class="code-name">.icon-shipinjiankong-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-zhiwen"></span>
            <div class="name">
              指纹
            </div>
            <div class="code-name">.icon-zhiwen
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-tuxing-shuipingjuzhongduiqi"></span>
            <div class="name">
              图形-水平居中对齐
            </div>
            <div class="code-name">.icon-tuxing-shuipingjuzhongduiqi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-tuxing-chuizhijuzhongduiqi"></span>
            <div class="name">
              图形-垂直居中对齐
            </div>
            <div class="code-name">.icon-tuxing-chuizhijuzhongduiqi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-tuxing-shuipingyouduiqi"></span>
            <div class="name">
              图形-水平右对齐
            </div>
            <div class="code-name">.icon-tuxing-shuipingyouduiqi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-tuxing-shuipingzuoduiqi"></span>
            <div class="name">
              图形-水平左对齐
            </div>
            <div class="code-name">.icon-tuxing-shuipingzuoduiqi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-xianshi-jinyong"></span>
            <div class="name">
              显示-禁用
            </div>
            <div class="code-name">.icon-xianshi-jinyong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-xianshi-bukejian"></span>
            <div class="name">
              显示-不可见
            </div>
            <div class="code-name">.icon-xianshi-bukejian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-xianshi-suoding"></span>
            <div class="name">
              显示-锁定
            </div>
            <div class="code-name">.icon-xianshi-suoding
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-xianshi-jiesuo"></span>
            <div class="name">
              显示-解锁
            </div>
            <div class="code-name">.icon-xianshi-jiesuo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-xianshi-kejian"></span>
            <div class="name">
              显示-可见
            </div>
            <div class="code-name">.icon-xianshi-kejian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-tuxing-shuipingliangduanduiqi"></span>
            <div class="name">
              图形-水平两端对齐
            </div>
            <div class="code-name">.icon-tuxing-shuipingliangduanduiqi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-tuxing-chuizhididuiqi"></span>
            <div class="name">
              图形-垂直底对齐
            </div>
            <div class="code-name">.icon-tuxing-chuizhididuiqi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-tuxing-chuizhidingduiqi"></span>
            <div class="name">
              图形-垂直顶对齐
            </div>
            <div class="code-name">.icon-tuxing-chuizhidingduiqi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-tuxing-chuizhiliangduanduiqi"></span>
            <div class="name">
              图形-垂直两端对齐
            </div>
            <div class="code-name">.icon-tuxing-chuizhiliangduanduiqi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-neichangjiashizhengguanli"></span>
            <div class="name">
              内场驾驶证管理
            </div>
            <div class="code-name">.icon-neichangjiashizhengguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-shouye"></span>
            <div class="name">
              首页
            </div>
            <div class="code-name">.icon-shouye
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-beiandanweiguanli"></span>
            <div class="name">
              备案单位管理
            </div>
            <div class="code-name">.icon-beiandanweiguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-cheliangtonghangzhengguanli"></span>
            <div class="name">
              车辆通行证管理
            </div>
            <div class="code-name">.icon-cheliangtonghangzhengguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-beianxinxi"></span>
            <div class="name">
              备案信息
            </div>
            <div class="code-name">.icon-beianxinxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-gongjuwuliao"></span>
            <div class="name">
              工具物料
            </div>
            <div class="code-name">.icon-gongjuwuliao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-renyuantonghangzhengguanli"></span>
            <div class="name">
              人员通行证管理
            </div>
            <div class="code-name">.icon-renyuantonghangzhengguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-rizhijilu"></span>
            <div class="name">
              日志记录
            </div>
            <div class="code-name">.icon-rizhijilu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-shenheliuchengguanli"></span>
            <div class="name">
              审核流程管理
            </div>
            <div class="code-name">.icon-shenheliuchengguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-chelianghangshizhengguanli"></span>
            <div class="name">
              车辆行驶证管理
            </div>
            <div class="code-name">.icon-chelianghangshizhengguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-zhengjianjifen"></span>
            <div class="name">
              证件记分
            </div>
            <div class="code-name">.icon-zhengjianjifen
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-teshuchezhengguanli"></span>
            <div class="name">
              特殊车证管理
            </div>
            <div class="code-name">.icon-teshuchezhengguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-fensanduiqi"></span>
            <div class="name">
              分散对齐
            </div>
            <div class="code-name">.icon-fensanduiqi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-xianduan"></span>
            <div class="name">
              线段
            </div>
            <div class="code-name">.icon-xianduan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-xinjianwenjianjia"></span>
            <div class="name">
              新建文件夹
            </div>
            <div class="code-name">.icon-xinjianwenjianjia
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-zhongmingming"></span>
            <div class="name">
              重命名
            </div>
            <div class="code-name">.icon-zhongmingming
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-shanchu"></span>
            <div class="name">
              删除
            </div>
            <div class="code-name">.icon-shanchu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-dangan-xiazai"></span>
            <div class="name">
              档案-下载
            </div>
            <div class="code-name">.icon-dangan-xiazai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-dangan-xiugai"></span>
            <div class="name">
              档案-修改
            </div>
            <div class="code-name">.icon-dangan-xiugai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-danganchuangjianren"></span>
            <div class="name">
              档案创建人
            </div>
            <div class="code-name">.icon-danganchuangjianren
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-biaodan-sousuo"></span>
            <div class="name">
              表单-搜索
            </div>
            <div class="code-name">.icon-biaodan-sousuo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-biaodan-rili"></span>
            <div class="name">
              表单-日历
            </div>
            <div class="code-name">.icon-biaodan-rili
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-dangan-shangchuan"></span>
            <div class="name">
              档案-上传
            </div>
            <div class="code-name">.icon-dangan-shangchuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-zhanshi-kuai"></span>
            <div class="name">
              展示-块
            </div>
            <div class="code-name">.icon-zhanshi-kuai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-zhanshi-liebiao"></span>
            <div class="name">
              展示-列表
            </div>
            <div class="code-name">.icon-zhanshi-liebiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-anquanyinhuanguanli"></span>
            <div class="name">
              安全隐患管理
            </div>
            <div class="code-name">.icon-anquanyinhuanguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-fengxianmoxingguanli"></span>
            <div class="name">
              风险模型管理
            </div>
            <div class="code-name">.icon-fengxianmoxingguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-anquantaishiguanli"></span>
            <div class="name">
              安全态势管理
            </div>
            <div class="code-name">.icon-anquantaishiguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-anquandengjiguanli"></span>
            <div class="name">
              安全等级管理
            </div>
            <div class="code-name">.icon-anquandengjiguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-KPIshezhi"></span>
            <div class="name">
              KPI设置
            </div>
            <div class="code-name">.icon-KPIshezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-xitongpeizhirizhi"></span>
            <div class="name">
              系统配置日志
            </div>
            <div class="code-name">.icon-xitongpeizhirizhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-xitongdaohang"></span>
            <div class="name">
              系统导航
            </div>
            <div class="code-name">.icon-xitongdaohang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-xunjianjiluguanli"></span>
            <div class="name">
              巡检记录管理
            </div>
            <div class="code-name">.icon-xunjianjiluguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-xitongdenglurizhi"></span>
            <div class="name">
              系统登录日志
            </div>
            <div class="code-name">.icon-xitongdenglurizhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-lvkehangweifenxi"></span>
            <div class="name">
              旅客行为分析
            </div>
            <div class="code-name">.icon-lvkehangweifenxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-xitongcaozuorizhi"></span>
            <div class="name">
              系统操作日志
            </div>
            <div class="code-name">.icon-xitongcaozuorizhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-jixiaokaohe"></span>
            <div class="name">
              绩效考核
            </div>
            <div class="code-name">.icon-jixiaokaohe
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-fengxiantaishirelitu"></span>
            <div class="name">
              风险态势热力图
            </div>
            <div class="code-name">.icon-fengxiantaishirelitu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-shijianleixingguanli"></span>
            <div class="name">
              事件类型管理
            </div>
            <div class="code-name">.icon-shijianleixingguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-fengxiantaishiguanli"></span>
            <div class="name">
              风险态势管理
            </div>
            <div class="code-name">.icon-fengxiantaishiguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-anquantixiguanli"></span>
            <div class="name">
              安全体系管理
            </div>
            <div class="code-name">.icon-anquantixiguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-kongzhiquanquanfenxi"></span>
            <div class="name">
              控制区安全分析
            </div>
            <div class="code-name">.icon-kongzhiquanquanfenxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-anquanjiashicang"></span>
            <div class="name">
              安全驾驶舱
            </div>
            <div class="code-name">.icon-anquanjiashicang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-yinhuanguanli"></span>
            <div class="name">
              隐患管理
            </div>
            <div class="code-name">.icon-yinhuanguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-zonghechaxun"></span>
            <div class="name">
              综合查询
            </div>
            <div class="code-name">.icon-zonghechaxun
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-zuzhiguanli"></span>
            <div class="name">
              组织管理
            </div>
            <div class="code-name">.icon-zuzhiguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-zonghetongji"></span>
            <div class="name">
              综合统计
            </div>
            <div class="code-name">.icon-zonghetongji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-yingjishijianzhuanhuanguize"></span>
            <div class="name">
              应急事件转换规则
            </div>
            <div class="code-name">.icon-yingjishijianzhuanhuanguize
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-yuanquziyuanguanli"></span>
            <div class="name">
              园区资源管理
            </div>
            <div class="code-name">.icon-yuanquziyuanguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-yuangonghangweifenxi"></span>
            <div class="name">
              员工行为分析
            </div>
            <div class="code-name">.icon-yuangonghangweifenxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-yujingshijianguize"></span>
            <div class="name">
              预警事件规则
            </div>
            <div class="code-name">.icon-yujingshijianguize
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-tianjia02"></span>
            <div class="name">
              添加02
            </div>
            <div class="code-name">.icon-tianjia02
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-jiaobiao-shanchu"></span>
            <div class="name">
              角标-删除
            </div>
            <div class="code-name">.icon-jiaobiao-shanchu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-tianjia"></span>
            <div class="name">
              添加
            </div>
            <div class="code-name">.icon-tianjia
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-jingbaojinyong"></span>
            <div class="name">
              警报禁用
            </div>
            <div class="code-name">.icon-jingbaojinyong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-jingbaokaiqi"></span>
            <div class="name">
              警报开启
            </div>
            <div class="code-name">.icon-jingbaokaiqi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-zitixieti"></span>
            <div class="name">
              字体斜体
            </div>
            <div class="code-name">.icon-zitixieti
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-zitixiahuaxian"></span>
            <div class="name">
              字体下划线
            </div>
            <div class="code-name">.icon-zitixiahuaxian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-zitijiacu"></span>
            <div class="name">
              字体加粗
            </div>
            <div class="code-name">.icon-zitijiacu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-zitishanchuxian"></span>
            <div class="name">
              字体删除线
            </div>
            <div class="code-name">.icon-zitishanchuxian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-chuizhi-diduiqi"></span>
            <div class="name">
              垂直-底对齐
            </div>
            <div class="code-name">.icon-chuizhi-diduiqi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-chuizhi-dingduiqi"></span>
            <div class="name">
              垂直-顶对齐
            </div>
            <div class="code-name">.icon-chuizhi-dingduiqi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-shuiping-zuoduiqi"></span>
            <div class="name">
              水平-左对齐
            </div>
            <div class="code-name">.icon-shuiping-zuoduiqi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-chuizhi-juzhongduiqi"></span>
            <div class="name">
              垂直-居中对齐
            </div>
            <div class="code-name">.icon-chuizhi-juzhongduiqi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-shuiping-juzhongduiqi"></span>
            <div class="name">
              水平-居中对齐
            </div>
            <div class="code-name">.icon-shuiping-juzhongduiqi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-shuiping-youduiqi"></span>
            <div class="name">
              水平-右对齐
            </div>
            <div class="code-name">.icon-shuiping-youduiqi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-juxing"></span>
            <div class="name">
              矩形
            </div>
            <div class="code-name">.icon-juxing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-wenben"></span>
            <div class="name">
              文本
            </div>
            <div class="code-name">.icon-wenben
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-yuanxing"></span>
            <div class="name">
              圆形
            </div>
            <div class="code-name">.icon-yuanxing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-tupian"></span>
            <div class="name">
              图片
            </div>
            <div class="code-name">.icon-tupian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-xiangyou1"></span>
            <div class="name">
              向右1
            </div>
            <div class="code-name">.icon-xiangyou1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-Refresh"></span>
            <div class="name">
              Refresh
            </div>
            <div class="code-name">.icon-Refresh
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-shezhi"></span>
            <div class="name">
              设置
            </div>
            <div class="code-name">.icon-shezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-bianji"></span>
            <div class="name">
              编辑
            </div>
            <div class="code-name">.icon-bianji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-yanzhengma"></span>
            <div class="name">
              验证码
            </div>
            <div class="code-name">.icon-yanzhengma
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-zhanghao"></span>
            <div class="name">
              账号
            </div>
            <div class="code-name">.icon-zhanghao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-mima"></span>
            <div class="name">
              密码
            </div>
            <div class="code-name">.icon-mima
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-qiuji"></span>
            <div class="name">
              球机
            </div>
            <div class="code-name">.icon-qiuji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-qiangji"></span>
            <div class="name">
              枪机
            </div>
            <div class="code-name">.icon-qiangji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-xunjianjihuaguanli"></span>
            <div class="name">
              巡检计划管理
            </div>
            <div class="code-name">.icon-xunjianjihuaguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-xitonganquanpeizhi"></span>
            <div class="name">
              系统安全配置
            </div>
            <div class="code-name">.icon-xitonganquanpeizhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-jiandujiancha"></span>
            <div class="name">
              icon-jiandu检查
            </div>
            <div class="code-name">.icon-jiandujiancha
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-zhanghuguanli"></span>
            <div class="name">
              账户管理
            </div>
            <div class="code-name">.icon-zhanghuguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-xunjiandianweiguanli"></span>
            <div class="name">
              巡检点位管理
            </div>
            <div class="code-name">.icon-xunjiandianweiguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-xunjianluxianguanli"></span>
            <div class="name">
              巡检路线管理
            </div>
            <div class="code-name">.icon-xunjianluxianguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-xitongxinxipeizhi"></span>
            <div class="name">
              系统信息配置
            </div>
            <div class="code-name">.icon-xitongxinxipeizhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-rizhiguanli"></span>
            <div class="name">
              日志管理
            </div>
            <div class="code-name">.icon-rizhiguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-shijiangenzongjiankongguanli"></span>
            <div class="name">
              事件跟踪监控管理
            </div>
            <div class="code-name">.icon-shijiangenzongjiankongguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-xianchangxunchaguanli"></span>
            <div class="name">
              现场巡查管理
            </div>
            <div class="code-name">.icon-xianchangxunchaguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-xitongjiankong"></span>
            <div class="name">
              系统监控
            </div>
            <div class="code-name">.icon-xitongjiankong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-xinxiguanli"></span>
            <div class="name">
              信息管理
            </div>
            <div class="code-name">.icon-xinxiguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-shijianguizeguanli"></span>
            <div class="name">
              事件规则管理
            </div>
            <div class="code-name">.icon-shijianguizeguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-shijianfenxijipingjia"></span>
            <div class="name">
              事件分析及评价
            </div>
            <div class="code-name">.icon-shijianfenxijipingjia
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-peizhiguanli"></span>
            <div class="name">
              配置管理
            </div>
            <div class="code-name">.icon-peizhiguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-shebeiguanli1"></span>
            <div class="name">
              设备管理
            </div>
            <div class="code-name">.icon-shebeiguanli1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-fengxiantaishishitu"></span>
            <div class="name">
              风险态势视图
            </div>
            <div class="code-name">.icon-fengxiantaishishitu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-peixunkaoheguanli"></span>
            <div class="name">
              培训考核管理
            </div>
            <div class="code-name">.icon-peixunkaoheguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-quanxianguanli"></span>
            <div class="name">
              权限管理
            </div>
            <div class="code-name">.icon-quanxianguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-jixiaoguanli"></span>
            <div class="name">
              绩效管理
            </div>
            <div class="code-name">.icon-jixiaoguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-fengxianpinggu"></span>
            <div class="name">
              风险评估
            </div>
            <div class="code-name">.icon-fengxianpinggu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-fengxianguihuaguanli"></span>
            <div class="name">
              风险规划管理
            </div>
            <div class="code-name">.icon-fengxianguihuaguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-fengxianguanli"></span>
            <div class="name">
              风险管理
            </div>
            <div class="code-name">.icon-fengxianguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-fengxianbaojingshijianguanli"></span>
            <div class="name">
              风险报警事件管理
            </div>
            <div class="code-name">.icon-fengxianbaojingshijianguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-fengxianfenxi"></span>
            <div class="name">
              风险分析
            </div>
            <div class="code-name">.icon-fengxianfenxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-chaxuntongji"></span>
            <div class="name">
              查询统计
            </div>
            <div class="code-name">.icon-chaxuntongji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-dituguanli1"></span>
            <div class="name">
              地图管理
            </div>
            <div class="code-name">.icon-dituguanli1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-ziyuankeshihuaguanli"></span>
            <div class="name">
              资源可视化管理
            </div>
            <div class="code-name">.icon-ziyuankeshihuaguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-yujingshijianguanli"></span>
            <div class="name">
              预警事件管理
            </div>
            <div class="code-name">.icon-yujingshijianguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-yunhangbaozhangheyueguanli"></span>
            <div class="name">
              运行保障合约管理
            </div>
            <div class="code-name">.icon-yunhangbaozhangheyueguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-zhengceguanli"></span>
            <div class="name">
              政策管理
            </div>
            <div class="code-name">.icon-zhengceguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-shijianchuliguanli"></span>
            <div class="name">
              事件处理管理
            </div>
            <div class="code-name">.icon-shijianchuliguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-shijianjiluguanli"></span>
            <div class="name">
              事件记录管理
            </div>
            <div class="code-name">.icon-shijianjiluguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-yonghuguanli"></span>
            <div class="name">
              用户管理
            </div>
            <div class="code-name">.icon-yonghuguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-anquanyunhangguanli"></span>
            <div class="name">
              安全运行管理
            </div>
            <div class="code-name">.icon-anquanyunhangguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-zongheanquanguanli"></span>
            <div class="name">
              综合安全管理
            </div>
            <div class="code-name">.icon-zongheanquanguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-anquanzhinengfenxixitong"></span>
            <div class="name">
              安全智能分析系统
            </div>
            <div class="code-name">.icon-anquanzhinengfenxixitong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-dituguanli"></span>
            <div class="name">
              地图管理
            </div>
            <div class="code-name">.icon-dituguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-renyuanguanli"></span>
            <div class="name">
              人员管理
            </div>
            <div class="code-name">.icon-renyuanguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-shijiantongji"></span>
            <div class="name">
              事件统计
            </div>
            <div class="code-name">.icon-shijiantongji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-shijianguanli"></span>
            <div class="name">
              事件管理
            </div>
            <div class="code-name">.icon-shijianguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-shexiangji"></span>
            <div class="name">
              摄像机
            </div>
            <div class="code-name">.icon-shexiangji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-NVRfuwuqi"></span>
            <div class="name">
              NVR服务器
            </div>
            <div class="code-name">.icon-NVRfuwuqi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-zhendongguanglanzhuji"></span>
            <div class="name">
              震动光缆主机
            </div>
            <div class="code-name">.icon-zhendongguanglanzhuji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-zhendongguanglanfuwuqi"></span>
            <div class="name">
              震动光缆服务器
            </div>
            <div class="code-name">.icon-zhendongguanglanfuwuqi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-zhendongguangxiandanyuan"></span>
            <div class="name">
              震动光纤单元
            </div>
            <div class="code-name">.icon-zhendongguangxiandanyuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-Ioshuru"></span>
            <div class="name">
              Io输入
            </div>
            <div class="code-name">.icon-Ioshuru
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-Ioshuchu"></span>
            <div class="name">
              Io输出
            </div>
            <div class="code-name">.icon-Ioshuchu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-yuanchengyitaiwangiomokuai"></span>
            <div class="name">
              远程以太网io模块
            </div>
            <div class="code-name">.icon-yuanchengyitaiwangiomokuai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-guangbofuwuqi"></span>
            <div class="name">
              广播服务器
            </div>
            <div class="code-name">.icon-guangbofuwuqi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-laba"></span>
            <div class="name">
              喇叭
            </div>
            <div class="code-name">.icon-laba
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-huatong"></span>
            <div class="name">
              话筒
            </div>
            <div class="code-name">.icon-huatong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-xitongguanli"></span>
            <div class="name">
              系统管理
            </div>
            <div class="code-name">.icon-xitongguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-shebeiguanli"></span>
            <div class="name">
              设备管理
            </div>
            <div class="code-name">.icon-shebeiguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-liandongguanli"></span>
            <div class="name">
              联动管理
            </div>
            <div class="code-name">.icon-liandongguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-gonggongguangbo"></span>
            <div class="name">
              公共广播
            </div>
            <div class="code-name">.icon-gonggongguangbo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-fuzhudengguang"></span>
            <div class="name">
              辅助灯光
            </div>
            <div class="code-name">.icon-fuzhudengguang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-weijiexitong"></span>
            <div class="name">
              围界系统
            </div>
            <div class="code-name">.icon-weijiexitong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon cyicon icon-shipinjiankong"></span>
            <div class="name">
              视频监控
            </div>
            <div class="code-name">.icon-shipinjiankong
            </div>
          </li>
          
        </ul>
        <div class="article markdown">
        <h2 id="font-class-">font-class 引用</h2>
        <hr>

        <p>font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。</p>
        <p>与 Unicode 使用方式相比，具有如下特点：</p>
        <ul>
          <li>相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。</li>
          <li>因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。</li>
        </ul>
        <p>使用步骤如下：</p>
        <h3 id="-fontclass-">第一步：引入项目下面生成的 fontclass 代码：</h3>
<pre><code class="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
</code></pre>
        <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;span class="cyicon icon-xxx"&gt;&lt;/span&gt;
</code></pre>
        <blockquote>
          <p>"
            cyicon" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
        </blockquote>
      </div>
      </div>
      <div class="content symbol">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wangguanguanli"></use>
                </svg>
                <div class="name">网关管理</div>
                <div class="code-name">#icon-wangguanguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-baojingliandongguanli"></use>
                </svg>
                <div class="name">报警联动管理</div>
                <div class="code-name">#icon-baojingliandongguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xunlianjihuaguanli"></use>
                </svg>
                <div class="name">训练计划管理</div>
                <div class="code-name">#icon-xunlianjihuaguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tongxunluguanli"></use>
                </svg>
                <div class="name">通讯录管理</div>
                <div class="code-name">#icon-tongxunluguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiejingzuoxiguanli"></use>
                </svg>
                <div class="name">接警坐席管理</div>
                <div class="code-name">#icon-jiejingzuoxiguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-renyuanxinxiguanli"></use>
                </svg>
                <div class="name">人员信息管理</div>
                <div class="code-name">#icon-renyuanxinxiguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shebeiguanli2"></use>
                </svg>
                <div class="name">设备管理</div>
                <div class="code-name">#icon-shebeiguanli2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiaofangcheliangguanli"></use>
                </svg>
                <div class="name">消防车辆管理</div>
                <div class="code-name">#icon-xiaofangcheliangguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhongdiandanweiguanli"></use>
                </svg>
                <div class="name">重点单位管理</div>
                <div class="code-name">#icon-zhongdiandanweiguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhibanbeiqinguanli"></use>
                </svg>
                <div class="name">值班备勤管理</div>
                <div class="code-name">#icon-zhibanbeiqinguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yingjibaozhangguanli"></use>
                </svg>
                <div class="name">应急保障管理</div>
                <div class="code-name">#icon-yingjibaozhangguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiaofangwanggeguanli"></use>
                </svg>
                <div class="name">消防网格管理</div>
                <div class="code-name">#icon-xiaofangwanggeguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wangluoziyuanfenxi"></use>
                </svg>
                <div class="name">网络资源分析</div>
                <div class="code-name">#icon-wangluoziyuanfenxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-daokoutonghangxinxi"></use>
                </svg>
                <div class="name">道口通行信息</div>
                <div class="code-name">#icon-daokoutonghangxinxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-renyuantonghangxinxi"></use>
                </svg>
                <div class="name">人员通行信息</div>
                <div class="code-name">#icon-renyuantonghangxinxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shishizhuangtaijiankong"></use>
                </svg>
                <div class="name">实时状态监控</div>
                <div class="code-name">#icon-shishizhuangtaijiankong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhishiku"></use>
                </svg>
                <div class="name">知识库</div>
                <div class="code-name">#icon-zhishiku</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-daokouheyanxinxi"></use>
                </svg>
                <div class="name">道口核验信息</div>
                <div class="code-name">#icon-daokouheyanxinxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-weixiugongdanguanli"></use>
                </svg>
                <div class="name">维修工单管理</div>
                <div class="code-name">#icon-weixiugongdanguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-renyuanyanzhengxinxi"></use>
                </svg>
                <div class="name">人员验证信息</div>
                <div class="code-name">#icon-renyuanyanzhengxinxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-renlianshibie"></use>
                </svg>
                <div class="name">人脸识别</div>
                <div class="code-name">#icon-renlianshibie</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tongjifenxi"></use>
                </svg>
                <div class="name">统计分析</div>
                <div class="code-name">#icon-tongjifenxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shujucaiji"></use>
                </svg>
                <div class="name">数据采集</div>
                <div class="code-name">#icon-shujucaiji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shishijiankong"></use>
                </svg>
                <div class="name">实时监控</div>
                <div class="code-name">#icon-shishijiankong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wangluotuopu"></use>
                </svg>
                <div class="name">网络拓扑</div>
                <div class="code-name">#icon-wangluotuopu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xungengxitong"></use>
                </svg>
                <div class="name">巡更系统</div>
                <div class="code-name">#icon-xungengxitong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xungengjilu"></use>
                </svg>
                <div class="name">巡更记录</div>
                <div class="code-name">#icon-xungengjilu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-lishichaxun"></use>
                </svg>
                <div class="name">历史查询</div>
                <div class="code-name">#icon-lishichaxun</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiaohuanjishezhi"></use>
                </svg>
                <div class="name">交换机设置</div>
                <div class="code-name">#icon-jiaohuanjishezhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-caijixiangpeizhi"></use>
                </svg>
                <div class="name">采集项配置</div>
                <div class="code-name">#icon-caijixiangpeizhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-renyuankoufenxinxi"></use>
                </svg>
                <div class="name">人员扣分信息</div>
                <div class="code-name">#icon-renyuankoufenxinxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shanchu2"></use>
                </svg>
                <div class="name">删除</div>
                <div class="code-name">#icon-shanchu2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bianji2"></use>
                </svg>
                <div class="name">编辑</div>
                <div class="code-name">#icon-bianji2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zongUwei"></use>
                </svg>
                <div class="name">总U位</div>
                <div class="code-name">#icon-zongUwei</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiguishu"></use>
                </svg>
                <div class="name">机柜数</div>
                <div class="code-name">#icon-jiguishu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yichangshu"></use>
                </svg>
                <div class="name">异常数</div>
                <div class="code-name">#icon-yichangshu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-quyushu"></use>
                </svg>
                <div class="name">区域数</div>
                <div class="code-name">#icon-quyushu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiwei"></use>
                </svg>
                <div class="name">机位</div>
                <div class="code-name">#icon-jiwei</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-PDU"></use>
                </svg>
                <div class="name">PDU</div>
                <div class="code-name">#icon-PDU</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiankongquyu"></use>
                </svg>
                <div class="name">监控区域</div>
                <div class="code-name">#icon-jiankongquyu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiankonghuamian"></use>
                </svg>
                <div class="name">监控画面</div>
                <div class="code-name">#icon-jiankonghuamian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tonghangxinxixitong"></use>
                </svg>
                <div class="name">通行信息系统</div>
                <div class="code-name">#icon-tonghangxinxixitong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wangluojiance"></use>
                </svg>
                <div class="name">网络检测</div>
                <div class="code-name">#icon-wangluojiance</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-renyuandingweiguanli"></use>
                </svg>
                <div class="name">人员定位管理</div>
                <div class="code-name">#icon-renyuandingweiguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-daibanshiyi"></use>
                </svg>
                <div class="name">待办事宜</div>
                <div class="code-name">#icon-daibanshiyi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-duoxuanxiang"></use>
                </svg>
                <div class="name">多选项</div>
                <div class="code-name">#icon-duoxuanxiang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-danhangwenben"></use>
                </svg>
                <div class="name">单行文本</div>
                <div class="code-name">#icon-danhangwenben</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-duoxuancaidan"></use>
                </svg>
                <div class="name">多选菜单</div>
                <div class="code-name">#icon-duoxuancaidan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-danxuancaidan"></use>
                </svg>
                <div class="name">单选菜单</div>
                <div class="code-name">#icon-danxuancaidan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhengshu"></use>
                </svg>
                <div class="name">整数</div>
                <div class="code-name">#icon-zhengshu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-danxuanxiang"></use>
                </svg>
                <div class="name">单选项</div>
                <div class="code-name">#icon-danxuanxiang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-danxuanchengyuan"></use>
                </svg>
                <div class="name">单选成员</div>
                <div class="code-name">#icon-danxuanchengyuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wenjianshangchuan"></use>
                </svg>
                <div class="name">文件上传</div>
                <div class="code-name">#icon-wenjianshangchuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-duoxuanchengyuan"></use>
                </svg>
                <div class="name">多选成员</div>
                <div class="code-name">#icon-duoxuanchengyuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-riqixuanze"></use>
                </svg>
                <div class="name">日期选择</div>
                <div class="code-name">#icon-riqixuanze</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-duohangwenben"></use>
                </svg>
                <div class="name">多行文本</div>
                <div class="code-name">#icon-duohangwenben</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fudianshu"></use>
                </svg>
                <div class="name">浮点数</div>
                <div class="code-name">#icon-fudianshu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiaoseguanli"></use>
                </svg>
                <div class="name">角色管理</div>
                <div class="code-name">#icon-jiaoseguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yonghuguanli1"></use>
                </svg>
                <div class="name">用户管理</div>
                <div class="code-name">#icon-yonghuguanli1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-qita"></use>
                </svg>
                <div class="name">其他</div>
                <div class="code-name">#icon-qita</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xitongxinxi"></use>
                </svg>
                <div class="name">系统信息</div>
                <div class="code-name">#icon-xitongxinxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xitongpeizhi1"></use>
                </svg>
                <div class="name">系统配置</div>
                <div class="code-name">#icon-xitongpeizhi1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-keshiduijiangxitong"></use>
                </svg>
                <div class="name">可视对讲系统</div>
                <div class="code-name">#icon-keshiduijiangxitong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhinengfenxixitong2"></use>
                </svg>
                <div class="name">智能分析系统</div>
                <div class="code-name">#icon-zhinengfenxixitong2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gonggongguangboxitong"></use>
                </svg>
                <div class="name">公共广播系统</div>
                <div class="code-name">#icon-gonggongguangboxitong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fangkexitong"></use>
                </svg>
                <div class="name">访客系统</div>
                <div class="code-name">#icon-fangkexitong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-donglihuanjingjiancexitong"></use>
                </svg>
                <div class="name">动力环境监测系统</div>
                <div class="code-name">#icon-donglihuanjingjiancexitong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tingchechangxitong"></use>
                </svg>
                <div class="name">停车场系统</div>
                <div class="code-name">#icon-tingchechangxitong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-churukoukongzhixitong"></use>
                </svg>
                <div class="name">出入口控制系统</div>
                <div class="code-name">#icon-churukoukongzhixitong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ruqinbaojingxitong"></use>
                </svg>
                <div class="name">入侵报警系统</div>
                <div class="code-name">#icon-ruqinbaojingxitong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shipinjiankongxitong"></use>
                </svg>
                <div class="name">视频监控系统</div>
                <div class="code-name">#icon-shipinjiankongxitong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhinengyinpinxitong"></use>
                </svg>
                <div class="name">智能音频系统</div>
                <div class="code-name">#icon-zhinengyinpinxitong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-weijiebaojingxitong"></use>
                </svg>
                <div class="name">围界报警系统</div>
                <div class="code-name">#icon-weijiebaojingxitong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiazaikongjian"></use>
                </svg>
                <div class="name">下载控件</div>
                <div class="code-name">#icon-xiazaikongjian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yonghuming"></use>
                </svg>
                <div class="name">用户名</div>
                <div class="code-name">#icon-yonghuming</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-mima1"></use>
                </svg>
                <div class="name">密码</div>
                <div class="code-name">#icon-mima1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shanchu1"></use>
                </svg>
                <div class="name">删除</div>
                <div class="code-name">#icon-shanchu1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-rili"></use>
                </svg>
                <div class="name">日历</div>
                <div class="code-name">#icon-rili</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-daochu"></use>
                </svg>
                <div class="name">导出</div>
                <div class="code-name">#icon-daochu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gantanhao"></use>
                </svg>
                <div class="name">感叹号</div>
                <div class="code-name">#icon-gantanhao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chaxun"></use>
                </svg>
                <div class="name">查询</div>
                <div class="code-name">#icon-chaxun</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yewubanli"></use>
                </svg>
                <div class="name">业务办理</div>
                <div class="code-name">#icon-yewubanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xinxifabu"></use>
                </svg>
                <div class="name">信息发布</div>
                <div class="code-name">#icon-xinxifabu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tonghangzhengguanli"></use>
                </svg>
                <div class="name">通行证管理</div>
                <div class="code-name">#icon-tonghangzhengguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-renyuanligangjiance"></use>
                </svg>
                <div class="name">人员离岗检测</div>
                <div class="code-name">#icon-renyuanligangjiance</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiancejilu"></use>
                </svg>
                <div class="name">检测记录</div>
                <div class="code-name">#icon-jiancejilu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-renyuanguanli1"></use>
                </svg>
                <div class="name">人员管理</div>
                <div class="code-name">#icon-renyuanguanli1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shengchanzuoyequyu"></use>
                </svg>
                <div class="name">生产作业区域</div>
                <div class="code-name">#icon-shengchanzuoyequyu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shengchanzuoyerenwu"></use>
                </svg>
                <div class="name">生产作业任务</div>
                <div class="code-name">#icon-shengchanzuoyerenwu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-hangbanjihuaxinxi"></use>
                </svg>
                <div class="name">航班计划信息</div>
                <div class="code-name">#icon-hangbanjihuaxinxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-anjiantongdaoxinxi"></use>
                </svg>
                <div class="name">安检通道信息</div>
                <div class="code-name">#icon-anjiantongdaoxinxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-hangbandongtaixinxi"></use>
                </svg>
                <div class="name">航班动态信息</div>
                <div class="code-name">#icon-hangbandongtaixinxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-hangbanbaozhangxinxi"></use>
                </svg>
                <div class="name">航班保障信息</div>
                <div class="code-name">#icon-hangbanbaozhangxinxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-anjianjieguoxinxi"></use>
                </svg>
                <div class="name">安检结果信息</div>
                <div class="code-name">#icon-anjianjieguoxinxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yingjiyuanguanli"></use>
                </svg>
                <div class="name">应急预案管理</div>
                <div class="code-name">#icon-yingjiyuanguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiankongpeizhi"></use>
                </svg>
                <div class="name">监控配置</div>
                <div class="code-name">#icon-jiankongpeizhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-anjianyundanxinxi"></use>
                </svg>
                <div class="name">安检运单信息</div>
                <div class="code-name">#icon-anjianyundanxinxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-anquanziyuanyunwei"></use>
                </svg>
                <div class="name">安全资源运维</div>
                <div class="code-name">#icon-anquanziyuanyunwei</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhinengfenxixitong1"></use>
                </svg>
                <div class="name">智能分析系统1</div>
                <div class="code-name">#icon-zhinengfenxixitong1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yinbibaojingxitong"></use>
                </svg>
                <div class="name">隐蔽报警系统</div>
                <div class="code-name">#icon-yinbibaojingxitong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-huojianxinxixitong"></use>
                </svg>
                <div class="name">货检信息系统</div>
                <div class="code-name">#icon-huojianxinxixitong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-hangbanxinxixitong"></use>
                </svg>
                <div class="name">航班信息系统</div>
                <div class="code-name">#icon-hangbanxinxixitong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bianji1"></use>
                </svg>
                <div class="name">编辑</div>
                <div class="code-name">#icon-bianji1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tiaoxingma"></use>
                </svg>
                <div class="name">条形码</div>
                <div class="code-name">#icon-tiaoxingma</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-erweima"></use>
                </svg>
                <div class="name">二维码</div>
                <div class="code-name">#icon-erweima</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gongnengdaohang"></use>
                </svg>
                <div class="name">功能导航</div>
                <div class="code-name">#icon-gongnengdaohang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-menjinxitong"></use>
                </svg>
                <div class="name">门禁系统</div>
                <div class="code-name">#icon-menjinxitong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-huozaixitong"></use>
                </svg>
                <div class="name">火灾系统</div>
                <div class="code-name">#icon-huozaixitong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhinengfenxixitong"></use>
                </svg>
                <div class="name">智能分析系统</div>
                <div class="code-name">#icon-zhinengfenxixitong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-huoqixitong"></use>
                </svg>
                <div class="name">火气系统</div>
                <div class="code-name">#icon-huoqixitong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xieloujiancexitong"></use>
                </svg>
                <div class="name">泄漏监测系统</div>
                <div class="code-name">#icon-xieloujiancexitong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiguangjiawanxitong"></use>
                </svg>
                <div class="name">激光甲烷系统</div>
                <div class="code-name">#icon-jiguangjiawanxitong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fangbaokuoyinxitong"></use>
                </svg>
                <div class="name">防爆扩音系统</div>
                <div class="code-name">#icon-fangbaokuoyinxitong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xitongbaojing"></use>
                </svg>
                <div class="name">系统报警</div>
                <div class="code-name">#icon-xitongbaojing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-baojing"></use>
                </svg>
                <div class="name">报警</div>
                <div class="code-name">#icon-baojing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xitongpeizhi"></use>
                </svg>
                <div class="name">系统配置</div>
                <div class="code-name">#icon-xitongpeizhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xitongshezhi01"></use>
                </svg>
                <div class="name">系统设置01</div>
                <div class="code-name">#icon-xitongshezhi01</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zonghetaishi"></use>
                </svg>
                <div class="name">综合态势</div>
                <div class="code-name">#icon-zonghetaishi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dituyingyong01"></use>
                </svg>
                <div class="name">地图应用01</div>
                <div class="code-name">#icon-dituyingyong01</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ziyuankeshihua01"></use>
                </svg>
                <div class="name">资源可视化01</div>
                <div class="code-name">#icon-ziyuankeshihua01</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shijianzhongxin"></use>
                </svg>
                <div class="name">事件中心</div>
                <div class="code-name">#icon-shijianzhongxin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shipinjiankong-fill"></use>
                </svg>
                <div class="name">视频监控-fill</div>
                <div class="code-name">#icon-shipinjiankong-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhiwen"></use>
                </svg>
                <div class="name">指纹</div>
                <div class="code-name">#icon-zhiwen</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tuxing-shuipingjuzhongduiqi"></use>
                </svg>
                <div class="name">图形-水平居中对齐</div>
                <div class="code-name">#icon-tuxing-shuipingjuzhongduiqi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tuxing-chuizhijuzhongduiqi"></use>
                </svg>
                <div class="name">图形-垂直居中对齐</div>
                <div class="code-name">#icon-tuxing-chuizhijuzhongduiqi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tuxing-shuipingyouduiqi"></use>
                </svg>
                <div class="name">图形-水平右对齐</div>
                <div class="code-name">#icon-tuxing-shuipingyouduiqi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tuxing-shuipingzuoduiqi"></use>
                </svg>
                <div class="name">图形-水平左对齐</div>
                <div class="code-name">#icon-tuxing-shuipingzuoduiqi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xianshi-jinyong"></use>
                </svg>
                <div class="name">显示-禁用</div>
                <div class="code-name">#icon-xianshi-jinyong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xianshi-bukejian"></use>
                </svg>
                <div class="name">显示-不可见</div>
                <div class="code-name">#icon-xianshi-bukejian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xianshi-suoding"></use>
                </svg>
                <div class="name">显示-锁定</div>
                <div class="code-name">#icon-xianshi-suoding</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xianshi-jiesuo"></use>
                </svg>
                <div class="name">显示-解锁</div>
                <div class="code-name">#icon-xianshi-jiesuo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xianshi-kejian"></use>
                </svg>
                <div class="name">显示-可见</div>
                <div class="code-name">#icon-xianshi-kejian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tuxing-shuipingliangduanduiqi"></use>
                </svg>
                <div class="name">图形-水平两端对齐</div>
                <div class="code-name">#icon-tuxing-shuipingliangduanduiqi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tuxing-chuizhididuiqi"></use>
                </svg>
                <div class="name">图形-垂直底对齐</div>
                <div class="code-name">#icon-tuxing-chuizhididuiqi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tuxing-chuizhidingduiqi"></use>
                </svg>
                <div class="name">图形-垂直顶对齐</div>
                <div class="code-name">#icon-tuxing-chuizhidingduiqi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tuxing-chuizhiliangduanduiqi"></use>
                </svg>
                <div class="name">图形-垂直两端对齐</div>
                <div class="code-name">#icon-tuxing-chuizhiliangduanduiqi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-neichangjiashizhengguanli"></use>
                </svg>
                <div class="name">内场驾驶证管理</div>
                <div class="code-name">#icon-neichangjiashizhengguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shouye"></use>
                </svg>
                <div class="name">首页</div>
                <div class="code-name">#icon-shouye</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-beiandanweiguanli"></use>
                </svg>
                <div class="name">备案单位管理</div>
                <div class="code-name">#icon-beiandanweiguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-cheliangtonghangzhengguanli"></use>
                </svg>
                <div class="name">车辆通行证管理</div>
                <div class="code-name">#icon-cheliangtonghangzhengguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-beianxinxi"></use>
                </svg>
                <div class="name">备案信息</div>
                <div class="code-name">#icon-beianxinxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gongjuwuliao"></use>
                </svg>
                <div class="name">工具物料</div>
                <div class="code-name">#icon-gongjuwuliao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-renyuantonghangzhengguanli"></use>
                </svg>
                <div class="name">人员通行证管理</div>
                <div class="code-name">#icon-renyuantonghangzhengguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-rizhijilu"></use>
                </svg>
                <div class="name">日志记录</div>
                <div class="code-name">#icon-rizhijilu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shenheliuchengguanli"></use>
                </svg>
                <div class="name">审核流程管理</div>
                <div class="code-name">#icon-shenheliuchengguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chelianghangshizhengguanli"></use>
                </svg>
                <div class="name">车辆行驶证管理</div>
                <div class="code-name">#icon-chelianghangshizhengguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhengjianjifen"></use>
                </svg>
                <div class="name">证件记分</div>
                <div class="code-name">#icon-zhengjianjifen</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-teshuchezhengguanli"></use>
                </svg>
                <div class="name">特殊车证管理</div>
                <div class="code-name">#icon-teshuchezhengguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fensanduiqi"></use>
                </svg>
                <div class="name">分散对齐</div>
                <div class="code-name">#icon-fensanduiqi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xianduan"></use>
                </svg>
                <div class="name">线段</div>
                <div class="code-name">#icon-xianduan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xinjianwenjianjia"></use>
                </svg>
                <div class="name">新建文件夹</div>
                <div class="code-name">#icon-xinjianwenjianjia</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhongmingming"></use>
                </svg>
                <div class="name">重命名</div>
                <div class="code-name">#icon-zhongmingming</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shanchu"></use>
                </svg>
                <div class="name">删除</div>
                <div class="code-name">#icon-shanchu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dangan-xiazai"></use>
                </svg>
                <div class="name">档案-下载</div>
                <div class="code-name">#icon-dangan-xiazai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dangan-xiugai"></use>
                </svg>
                <div class="name">档案-修改</div>
                <div class="code-name">#icon-dangan-xiugai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-danganchuangjianren"></use>
                </svg>
                <div class="name">档案创建人</div>
                <div class="code-name">#icon-danganchuangjianren</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-biaodan-sousuo"></use>
                </svg>
                <div class="name">表单-搜索</div>
                <div class="code-name">#icon-biaodan-sousuo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-biaodan-rili"></use>
                </svg>
                <div class="name">表单-日历</div>
                <div class="code-name">#icon-biaodan-rili</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dangan-shangchuan"></use>
                </svg>
                <div class="name">档案-上传</div>
                <div class="code-name">#icon-dangan-shangchuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhanshi-kuai"></use>
                </svg>
                <div class="name">展示-块</div>
                <div class="code-name">#icon-zhanshi-kuai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhanshi-liebiao"></use>
                </svg>
                <div class="name">展示-列表</div>
                <div class="code-name">#icon-zhanshi-liebiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-anquanyinhuanguanli"></use>
                </svg>
                <div class="name">安全隐患管理</div>
                <div class="code-name">#icon-anquanyinhuanguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fengxianmoxingguanli"></use>
                </svg>
                <div class="name">风险模型管理</div>
                <div class="code-name">#icon-fengxianmoxingguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-anquantaishiguanli"></use>
                </svg>
                <div class="name">安全态势管理</div>
                <div class="code-name">#icon-anquantaishiguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-anquandengjiguanli"></use>
                </svg>
                <div class="name">安全等级管理</div>
                <div class="code-name">#icon-anquandengjiguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-KPIshezhi"></use>
                </svg>
                <div class="name">KPI设置</div>
                <div class="code-name">#icon-KPIshezhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xitongpeizhirizhi"></use>
                </svg>
                <div class="name">系统配置日志</div>
                <div class="code-name">#icon-xitongpeizhirizhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xitongdaohang"></use>
                </svg>
                <div class="name">系统导航</div>
                <div class="code-name">#icon-xitongdaohang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xunjianjiluguanli"></use>
                </svg>
                <div class="name">巡检记录管理</div>
                <div class="code-name">#icon-xunjianjiluguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xitongdenglurizhi"></use>
                </svg>
                <div class="name">系统登录日志</div>
                <div class="code-name">#icon-xitongdenglurizhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-lvkehangweifenxi"></use>
                </svg>
                <div class="name">旅客行为分析</div>
                <div class="code-name">#icon-lvkehangweifenxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xitongcaozuorizhi"></use>
                </svg>
                <div class="name">系统操作日志</div>
                <div class="code-name">#icon-xitongcaozuorizhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jixiaokaohe"></use>
                </svg>
                <div class="name">绩效考核</div>
                <div class="code-name">#icon-jixiaokaohe</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fengxiantaishirelitu"></use>
                </svg>
                <div class="name">风险态势热力图</div>
                <div class="code-name">#icon-fengxiantaishirelitu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shijianleixingguanli"></use>
                </svg>
                <div class="name">事件类型管理</div>
                <div class="code-name">#icon-shijianleixingguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fengxiantaishiguanli"></use>
                </svg>
                <div class="name">风险态势管理</div>
                <div class="code-name">#icon-fengxiantaishiguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-anquantixiguanli"></use>
                </svg>
                <div class="name">安全体系管理</div>
                <div class="code-name">#icon-anquantixiguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-kongzhiquanquanfenxi"></use>
                </svg>
                <div class="name">控制区安全分析</div>
                <div class="code-name">#icon-kongzhiquanquanfenxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-anquanjiashicang"></use>
                </svg>
                <div class="name">安全驾驶舱</div>
                <div class="code-name">#icon-anquanjiashicang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yinhuanguanli"></use>
                </svg>
                <div class="name">隐患管理</div>
                <div class="code-name">#icon-yinhuanguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zonghechaxun"></use>
                </svg>
                <div class="name">综合查询</div>
                <div class="code-name">#icon-zonghechaxun</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zuzhiguanli"></use>
                </svg>
                <div class="name">组织管理</div>
                <div class="code-name">#icon-zuzhiguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zonghetongji"></use>
                </svg>
                <div class="name">综合统计</div>
                <div class="code-name">#icon-zonghetongji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yingjishijianzhuanhuanguize"></use>
                </svg>
                <div class="name">应急事件转换规则</div>
                <div class="code-name">#icon-yingjishijianzhuanhuanguize</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yuanquziyuanguanli"></use>
                </svg>
                <div class="name">园区资源管理</div>
                <div class="code-name">#icon-yuanquziyuanguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yuangonghangweifenxi"></use>
                </svg>
                <div class="name">员工行为分析</div>
                <div class="code-name">#icon-yuangonghangweifenxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yujingshijianguize"></use>
                </svg>
                <div class="name">预警事件规则</div>
                <div class="code-name">#icon-yujingshijianguize</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tianjia02"></use>
                </svg>
                <div class="name">添加02</div>
                <div class="code-name">#icon-tianjia02</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiaobiao-shanchu"></use>
                </svg>
                <div class="name">角标-删除</div>
                <div class="code-name">#icon-jiaobiao-shanchu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tianjia"></use>
                </svg>
                <div class="name">添加</div>
                <div class="code-name">#icon-tianjia</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jingbaojinyong"></use>
                </svg>
                <div class="name">警报禁用</div>
                <div class="code-name">#icon-jingbaojinyong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jingbaokaiqi"></use>
                </svg>
                <div class="name">警报开启</div>
                <div class="code-name">#icon-jingbaokaiqi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zitixieti"></use>
                </svg>
                <div class="name">字体斜体</div>
                <div class="code-name">#icon-zitixieti</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zitixiahuaxian"></use>
                </svg>
                <div class="name">字体下划线</div>
                <div class="code-name">#icon-zitixiahuaxian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zitijiacu"></use>
                </svg>
                <div class="name">字体加粗</div>
                <div class="code-name">#icon-zitijiacu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zitishanchuxian"></use>
                </svg>
                <div class="name">字体删除线</div>
                <div class="code-name">#icon-zitishanchuxian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chuizhi-diduiqi"></use>
                </svg>
                <div class="name">垂直-底对齐</div>
                <div class="code-name">#icon-chuizhi-diduiqi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chuizhi-dingduiqi"></use>
                </svg>
                <div class="name">垂直-顶对齐</div>
                <div class="code-name">#icon-chuizhi-dingduiqi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shuiping-zuoduiqi"></use>
                </svg>
                <div class="name">水平-左对齐</div>
                <div class="code-name">#icon-shuiping-zuoduiqi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chuizhi-juzhongduiqi"></use>
                </svg>
                <div class="name">垂直-居中对齐</div>
                <div class="code-name">#icon-chuizhi-juzhongduiqi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shuiping-juzhongduiqi"></use>
                </svg>
                <div class="name">水平-居中对齐</div>
                <div class="code-name">#icon-shuiping-juzhongduiqi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shuiping-youduiqi"></use>
                </svg>
                <div class="name">水平-右对齐</div>
                <div class="code-name">#icon-shuiping-youduiqi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-juxing"></use>
                </svg>
                <div class="name">矩形</div>
                <div class="code-name">#icon-juxing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wenben"></use>
                </svg>
                <div class="name">文本</div>
                <div class="code-name">#icon-wenben</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yuanxing"></use>
                </svg>
                <div class="name">圆形</div>
                <div class="code-name">#icon-yuanxing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tupian"></use>
                </svg>
                <div class="name">图片</div>
                <div class="code-name">#icon-tupian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiangyou1"></use>
                </svg>
                <div class="name">向右1</div>
                <div class="code-name">#icon-xiangyou1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-Refresh"></use>
                </svg>
                <div class="name">Refresh</div>
                <div class="code-name">#icon-Refresh</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shezhi"></use>
                </svg>
                <div class="name">设置</div>
                <div class="code-name">#icon-shezhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bianji"></use>
                </svg>
                <div class="name">编辑</div>
                <div class="code-name">#icon-bianji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yanzhengma"></use>
                </svg>
                <div class="name">验证码</div>
                <div class="code-name">#icon-yanzhengma</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhanghao"></use>
                </svg>
                <div class="name">账号</div>
                <div class="code-name">#icon-zhanghao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-mima"></use>
                </svg>
                <div class="name">密码</div>
                <div class="code-name">#icon-mima</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-qiuji"></use>
                </svg>
                <div class="name">球机</div>
                <div class="code-name">#icon-qiuji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-qiangji"></use>
                </svg>
                <div class="name">枪机</div>
                <div class="code-name">#icon-qiangji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xunjianjihuaguanli"></use>
                </svg>
                <div class="name">巡检计划管理</div>
                <div class="code-name">#icon-xunjianjihuaguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xitonganquanpeizhi"></use>
                </svg>
                <div class="name">系统安全配置</div>
                <div class="code-name">#icon-xitonganquanpeizhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiandujiancha"></use>
                </svg>
                <div class="name">icon-jiandu检查</div>
                <div class="code-name">#icon-jiandujiancha</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhanghuguanli"></use>
                </svg>
                <div class="name">账户管理</div>
                <div class="code-name">#icon-zhanghuguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xunjiandianweiguanli"></use>
                </svg>
                <div class="name">巡检点位管理</div>
                <div class="code-name">#icon-xunjiandianweiguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xunjianluxianguanli"></use>
                </svg>
                <div class="name">巡检路线管理</div>
                <div class="code-name">#icon-xunjianluxianguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xitongxinxipeizhi"></use>
                </svg>
                <div class="name">系统信息配置</div>
                <div class="code-name">#icon-xitongxinxipeizhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-rizhiguanli"></use>
                </svg>
                <div class="name">日志管理</div>
                <div class="code-name">#icon-rizhiguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shijiangenzongjiankongguanli"></use>
                </svg>
                <div class="name">事件跟踪监控管理</div>
                <div class="code-name">#icon-shijiangenzongjiankongguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xianchangxunchaguanli"></use>
                </svg>
                <div class="name">现场巡查管理</div>
                <div class="code-name">#icon-xianchangxunchaguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xitongjiankong"></use>
                </svg>
                <div class="name">系统监控</div>
                <div class="code-name">#icon-xitongjiankong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xinxiguanli"></use>
                </svg>
                <div class="name">信息管理</div>
                <div class="code-name">#icon-xinxiguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shijianguizeguanli"></use>
                </svg>
                <div class="name">事件规则管理</div>
                <div class="code-name">#icon-shijianguizeguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shijianfenxijipingjia"></use>
                </svg>
                <div class="name">事件分析及评价</div>
                <div class="code-name">#icon-shijianfenxijipingjia</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-peizhiguanli"></use>
                </svg>
                <div class="name">配置管理</div>
                <div class="code-name">#icon-peizhiguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shebeiguanli1"></use>
                </svg>
                <div class="name">设备管理</div>
                <div class="code-name">#icon-shebeiguanli1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fengxiantaishishitu"></use>
                </svg>
                <div class="name">风险态势视图</div>
                <div class="code-name">#icon-fengxiantaishishitu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-peixunkaoheguanli"></use>
                </svg>
                <div class="name">培训考核管理</div>
                <div class="code-name">#icon-peixunkaoheguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-quanxianguanli"></use>
                </svg>
                <div class="name">权限管理</div>
                <div class="code-name">#icon-quanxianguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jixiaoguanli"></use>
                </svg>
                <div class="name">绩效管理</div>
                <div class="code-name">#icon-jixiaoguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fengxianpinggu"></use>
                </svg>
                <div class="name">风险评估</div>
                <div class="code-name">#icon-fengxianpinggu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fengxianguihuaguanli"></use>
                </svg>
                <div class="name">风险规划管理</div>
                <div class="code-name">#icon-fengxianguihuaguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fengxianguanli"></use>
                </svg>
                <div class="name">风险管理</div>
                <div class="code-name">#icon-fengxianguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fengxianbaojingshijianguanli"></use>
                </svg>
                <div class="name">风险报警事件管理</div>
                <div class="code-name">#icon-fengxianbaojingshijianguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fengxianfenxi"></use>
                </svg>
                <div class="name">风险分析</div>
                <div class="code-name">#icon-fengxianfenxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chaxuntongji"></use>
                </svg>
                <div class="name">查询统计</div>
                <div class="code-name">#icon-chaxuntongji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dituguanli1"></use>
                </svg>
                <div class="name">地图管理</div>
                <div class="code-name">#icon-dituguanli1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ziyuankeshihuaguanli"></use>
                </svg>
                <div class="name">资源可视化管理</div>
                <div class="code-name">#icon-ziyuankeshihuaguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yujingshijianguanli"></use>
                </svg>
                <div class="name">预警事件管理</div>
                <div class="code-name">#icon-yujingshijianguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yunhangbaozhangheyueguanli"></use>
                </svg>
                <div class="name">运行保障合约管理</div>
                <div class="code-name">#icon-yunhangbaozhangheyueguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhengceguanli"></use>
                </svg>
                <div class="name">政策管理</div>
                <div class="code-name">#icon-zhengceguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shijianchuliguanli"></use>
                </svg>
                <div class="name">事件处理管理</div>
                <div class="code-name">#icon-shijianchuliguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shijianjiluguanli"></use>
                </svg>
                <div class="name">事件记录管理</div>
                <div class="code-name">#icon-shijianjiluguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yonghuguanli"></use>
                </svg>
                <div class="name">用户管理</div>
                <div class="code-name">#icon-yonghuguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-anquanyunhangguanli"></use>
                </svg>
                <div class="name">安全运行管理</div>
                <div class="code-name">#icon-anquanyunhangguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zongheanquanguanli"></use>
                </svg>
                <div class="name">综合安全管理</div>
                <div class="code-name">#icon-zongheanquanguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-anquanzhinengfenxixitong"></use>
                </svg>
                <div class="name">安全智能分析系统</div>
                <div class="code-name">#icon-anquanzhinengfenxixitong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dituguanli"></use>
                </svg>
                <div class="name">地图管理</div>
                <div class="code-name">#icon-dituguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-renyuanguanli"></use>
                </svg>
                <div class="name">人员管理</div>
                <div class="code-name">#icon-renyuanguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shijiantongji"></use>
                </svg>
                <div class="name">事件统计</div>
                <div class="code-name">#icon-shijiantongji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shijianguanli"></use>
                </svg>
                <div class="name">事件管理</div>
                <div class="code-name">#icon-shijianguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shexiangji"></use>
                </svg>
                <div class="name">摄像机</div>
                <div class="code-name">#icon-shexiangji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-NVRfuwuqi"></use>
                </svg>
                <div class="name">NVR服务器</div>
                <div class="code-name">#icon-NVRfuwuqi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhendongguanglanzhuji"></use>
                </svg>
                <div class="name">震动光缆主机</div>
                <div class="code-name">#icon-zhendongguanglanzhuji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhendongguanglanfuwuqi"></use>
                </svg>
                <div class="name">震动光缆服务器</div>
                <div class="code-name">#icon-zhendongguanglanfuwuqi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhendongguangxiandanyuan"></use>
                </svg>
                <div class="name">震动光纤单元</div>
                <div class="code-name">#icon-zhendongguangxiandanyuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-Ioshuru"></use>
                </svg>
                <div class="name">Io输入</div>
                <div class="code-name">#icon-Ioshuru</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-Ioshuchu"></use>
                </svg>
                <div class="name">Io输出</div>
                <div class="code-name">#icon-Ioshuchu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yuanchengyitaiwangiomokuai"></use>
                </svg>
                <div class="name">远程以太网io模块</div>
                <div class="code-name">#icon-yuanchengyitaiwangiomokuai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-guangbofuwuqi"></use>
                </svg>
                <div class="name">广播服务器</div>
                <div class="code-name">#icon-guangbofuwuqi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-laba"></use>
                </svg>
                <div class="name">喇叭</div>
                <div class="code-name">#icon-laba</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-huatong"></use>
                </svg>
                <div class="name">话筒</div>
                <div class="code-name">#icon-huatong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xitongguanli"></use>
                </svg>
                <div class="name">系统管理</div>
                <div class="code-name">#icon-xitongguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shebeiguanli"></use>
                </svg>
                <div class="name">设备管理</div>
                <div class="code-name">#icon-shebeiguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-liandongguanli"></use>
                </svg>
                <div class="name">联动管理</div>
                <div class="code-name">#icon-liandongguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gonggongguangbo"></use>
                </svg>
                <div class="name">公共广播</div>
                <div class="code-name">#icon-gonggongguangbo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fuzhudengguang"></use>
                </svg>
                <div class="name">辅助灯光</div>
                <div class="code-name">#icon-fuzhudengguang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-weijiexitong"></use>
                </svg>
                <div class="name">围界系统</div>
                <div class="code-name">#icon-weijiexitong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shipinjiankong"></use>
                </svg>
                <div class="name">视频监控</div>
                <div class="code-name">#icon-shipinjiankong</div>
            </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="symbol-">Symbol 引用</h2>
          <hr>

          <p>这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
            这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点：</p>
          <ul>
            <li>支持多色图标了，不再受单色限制。</li>
            <li>通过一些技巧，支持像字体那样，通过 <code>font-size</code>, <code>color</code> 来调整样式。</li>
            <li>兼容性较差，支持 IE9+，及现代浏览器。</li>
            <li>浏览器渲染 SVG 的性能一般，还不如 png。</li>
          </ul>
          <p>使用步骤如下：</p>
          <h3 id="-symbol-">第一步：引入项目下面生成的 symbol 代码：</h3>
<pre><code class="language-html">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;
</code></pre>
          <h3 id="-css-">第二步：加入通用 CSS 代码（引入一次就行）：</h3>
<pre><code class="language-html">&lt;style&gt;
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
&lt;/style&gt;
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;svg class="icon" aria-hidden="true"&gt;
  &lt;use xlink:href="#icon-xxx"&gt;&lt;/use&gt;
&lt;/svg&gt;
</code></pre>
          </div>
      </div>

    </div>
  </div>
  <script>
  $(document).ready(function () {
      $('.tab-container .content:first').show()

      $('#tabs li').click(function (e) {
        var tabContent = $('.tab-container .content')
        var index = $(this).index()

        if ($(this).hasClass('active')) {
          return
        } else {
          $('#tabs li').removeClass('active')
          $(this).addClass('active')

          tabContent.hide().eq(index).fadeIn()
        }
      })
    })
  </script>
</body>
</html>
